React App 和 Chrome DevTools 本地覆盖不起作用?
React App and Chrome DevTools local overrides not working?
我正在尝试使用 chrome 开发工具本地覆盖 (https://developers.google.com/web/updates/2018/01/devtools#overrides) 从 CSR React 应用程序调试一大块 js 代码。我正在更改源选项卡中的文件并将它们保存为本地覆盖。
刷新后,我在本地覆盖中启用的每个更改都在 chrome 开发工具覆盖选项卡中可见。但是本地更改不适用于我看到的 React 应用程序。每次重新加载后,我都会看到没有任何 changes/overrides.
的 React 应用程序
我尝试通过 chrome 开发工具在其他非反应站点上进行本地覆盖,它正在工作。
我是不是遗漏了什么或者是本地 chrome devtools overrides 无法使用 CSR React 应用程序?
编辑:注意我正在尝试将 Chrome 开发工具覆盖应用到已部署的生产 CSR React 应用程序。
我自己想出来了
对于其他遇到此问题的人:
在 React 应用程序中,您必须查看 chrome devtools 网络选项卡并在源选项卡中打开块脚本。然后你可以将它添加到覆盖和修改文件中。
如果网站使用 Service Workers.
,您可能会遇到此问题
要修复它,请转到 应用程序 选项卡并选中 网络旁路
我正在尝试使用 chrome 开发工具本地覆盖 (https://developers.google.com/web/updates/2018/01/devtools#overrides) 从 CSR React 应用程序调试一大块 js 代码。我正在更改源选项卡中的文件并将它们保存为本地覆盖。
刷新后,我在本地覆盖中启用的每个更改都在 chrome 开发工具覆盖选项卡中可见。但是本地更改不适用于我看到的 React 应用程序。每次重新加载后,我都会看到没有任何 changes/overrides.
的 React 应用程序我尝试通过 chrome 开发工具在其他非反应站点上进行本地覆盖,它正在工作。
我是不是遗漏了什么或者是本地 chrome devtools overrides 无法使用 CSR React 应用程序?
编辑:注意我正在尝试将 Chrome 开发工具覆盖应用到已部署的生产 CSR React 应用程序。
我自己想出来了
对于其他遇到此问题的人:
在 React 应用程序中,您必须查看 chrome devtools 网络选项卡并在源选项卡中打开块脚本。然后你可以将它添加到覆盖和修改文件中。
如果网站使用 Service Workers.
,您可能会遇到此问题要修复它,请转到 应用程序 选项卡并选中 网络旁路