Chrome扩展程序：未加载源地图

Question

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

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

但是，由于某些原因，Chrome开发者工具无法加载地图。

我再次检查了Chrome设置，以确保js源地图已打开并且正在使用简单的Angular项目。

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

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

Answer 1

在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/