React App 和 Chrome DevTools 本地覆盖不起作用？

Question

我正在尝试使用 chrome 开发工具本地覆盖（ https://developers.google.com/web/updates/2018/01/devtools#overrides ）从 CSR React 应用程序调试一大块 js 代码。我正在更改源选项卡中的文件并将它们保存为本地覆盖。

刷新后，我在本地覆盖中启用的每个更改都可以在 chrome 开发工具覆盖选项卡中看到。但本地更改不适用于我看到的 React 应用程序。每次重新加载后，我都会看到反应应用程序，因为它没有任何更改/覆盖。

我尝试通过其他非反应站点上的 chrome 开发工具进行本地覆盖，它正在工作。

我是否遗漏了某些内容，或者 CSR React 应用程序无法覆盖本地 chrome 开发工具？

编辑：注意我正在尝试将 Chrome 开发工具覆盖应用于已部署的生产 CSR React 应用程序。

Answer 1

好吧，我自己想出来了

对于其他遇到此问题的人：

在 React 应用程序中，您必须查看 chrome devtools 网络选项卡并在源选项卡中打开块脚本。然后您可以将其添加到覆盖并修改文件。

Answer 2

如果网站使用Service Workers ，您可能会遇到此问题。

要修复它，请转到“应用程序”选项卡并选中“绕过网络”