Chrome扩展程序：未加载源代码映射

Question

由于某些原因，我无法在Chrome扩展程序中加载sourcemap。

正在为Chrome扩展程序加载的文件夹中，.js 文件旁边有一个 .map 文件。其中 .js 文件包含以下行：//# sourceMappingURL=1.9215106f1980d05d2b4c.js.map，引用了该 .map 文件的路径。

然而，由于某种原因Chrome开发者工具没有加载这些maps。

我已经双重检查了Chrome设置，以确保js源代码映射已打开，并且它可以在简单的Angular项目中正常工作。

同时，确保清单文件中具有以下内容：

  "web_accessible_resources":[
    "*.map"
  ],

- Shyamal Parikh

---

你好，你找到如何加载源代码映射了吗？ - Zheeeng

Answer 1

注意！此代码仅用于开发目的，不适用于生产环境，因为它使用了eval。Mozilla建议不要使用此代码。

在webpack.config.js中设置以下属性对我起作用：

module.exports = {
    //Configuration parameters

    devtool: 'eval-source-map',

    //Other configuration parameters
}

编辑：您还需要更新manifest.json以允许eval：

"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"

开发工具样式列表: https://webpack.js.org/configuration/devtool/#devtool

解释webpack.config.js: https://webpack.js.org/configuration/

- mochomecha

---

对我来说它没有起作用。此外，扩展程序不能使用'eval'，请参考： https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_Security_Policy - bArmageddon

好的，找到解决方案了，你需要在清单文件中添加“content_security_policy”，我会编辑答案。 - bArmageddon

bArmageddon 感谢你的提示。我忘记了那件事。 - mochomecha

自从不可能包含unsafe-eval后，此功能在v3清单中可能不再起作用。 - Gautam Krishna R