Chrome 扩展：不加载源映射

Question

由于某种原因，我无法在 Chrome 扩展程序中加载源映射。

为 Chrome 扩展加载的文件夹在.js文件旁边有.map 。 .js文件的行//# sourceMappingURL=1.9215106f1980d05d2b4c.js.map引用了 .map 文件路径。

但是，由于某种原因，Chrome 开发工具没有加载地图。

我仔细检查了 Chrome 设置以确保 js 源映射已打开并且它正在处理一个简单的 Angular 项目。

另外，请确保清单文件中包含以下内容：

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

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'"

devTool 样式列表： https ://webpack.js.org/configuration/devtool/#devtool

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