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

Posted 2023-03-07

【中文标题】Chrome 扩展程序：不加载源地图

【英文标题】：Chrome Extension: Not loading source-maps

【发布时间】：2019-10-25 20:22:12

【问题描述】：

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

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

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

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

另外，请确保我在清单文件中有以下内容：

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

【问题讨论】：

您好，您知道如何加载源地图吗？

【参考方案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/

【讨论】：

它对我不起作用。此外，扩展不能使用'eval'根据：developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/…

好的，找到了解决方案，你必须在清单中添加“content_security_policy”，我会编辑答案

bArmageddon 感谢您的提示。我忘记了。