Chrome 扩展程序:不加载源地图
Posted
技术标签:
【中文标题】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 感谢您的提示。我忘记了。以上是关于Chrome 扩展程序:不加载源地图的主要内容,如果未能解决你的问题,请参考以下文章