如何解决React App 和 Chrome DevTools 本地覆盖不起作用?
我正在尝试使用 chrome 开发工具本地覆盖 (https://developers.google.com/web/updates/2018/01/devtools#overrides) 从 CSR React 应用程序调试大量 js 代码。我正在更改源选项卡中的文件并将它们保存为本地覆盖。
刷新后,我在本地覆盖中启用的每个更改都可以在 chrome 开发工具覆盖选项卡中看到。但是本地更改不适用于我看到的 React 应用程序。每次重新加载后,我都会看到 react 应用程序,因为它没有任何更改/覆盖。
我尝试通过其他非 React 站点上的 chrome 开发工具进行本地覆盖,它正在工作。
我是否遗漏了什么,或者 CSR React 应用程序无法覆盖本地 chrome devtools?
编辑:注意我正在尝试将 Chrome 开发工具覆盖应用于已部署的生产 CSR React 应用程序。
解决方法
好吧,我自己弄明白了
对于其他在这方面绊倒的人:
在 React 应用程序中,您必须查看 chrome devtools 网络选项卡并在源选项卡中打开块脚本。然后您可以将其添加到覆盖和修改文件中。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。