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.

,您可能会遇到此问题

要修复它,请转到 应用程序 选项卡并选中 网络旁路