我正在使用React编写Chrome扩展程序，更具体地说，使用Create React App。如果我检查扩展程序生成的弹出窗口，查看"源"，然后单击任何js文件，Chrome 会显示"检测到源映射"。如果我单击"更多"，它会显示"应将关联的文件添加到文件树中。您可以将这些解析的源文件作为常规 JavaScript 文件进行调试。但是我在源代码树的任何地方都看不到源文件。我需要做什么才能查看它们？
我尝试将源映射添加到 manifest.json 的 web_accessible_resources 属性中(根据源映射是否适用于 Chrome 扩展程序？(，但这不起作用。还尝试了chrome 72更改源映射行为的最高答案中推荐的更改 - 对webpack.config.js和manifest.json进行了一些更改 - 但这也没有奏效。
您是否正在使用工作区？
https://developers.google.com/web/tools/chrome-devtools/workspaces/
顺便说一句，默认情况下，创建反应应用程序不会生成所有源映射。
你能检查一下文件吗
node_modules/react-scripts/config/webpack.config.js
在那里搜索sourceMap和sourceMaps，看看这对你来说是否合适。您可以像"_original"一样复制该文件，然后设置源地图：真，
在所有情况下。之后，完全停止应用程序，然后重新启动它。
现在有效吗？
要验证哪个源映射是否正常工作，请将源添加到工作区并检查绿点：https://developers.google.com/web/tools/chrome-devtools/workspaces/