Angular-Cli v1.6.6 Microsoft Edge浏览器的源映射设置

发布时间：2020-12-17 07:09:45 所属栏目：安全来源：网络整理

导读：我正在尝试为Angular-Cli项目获取正确的设置,以便源映射在Microsoft Edge中工作. Angular-Cli v1.6.6 webpack v3.10.0 从配置中启用源地图支持,它可以在Chrome中使用,但不能在Edge中使用.在Edge中我看到如下错误： Could not locate webpack:///(webpack)-de

我正在尝试为Angular-Cli项目获取正确的设置,以便源映射在Microsoft Edge中工作.
Angular-Cli v1.6.6
webpack v3.10.0

从配置中启用源地图支持,它可以在Chrome中使用,但不能在Edge中使用.在Edge中我看到如下错误：

Could not locate webpack:///(webpack)-dev-server/client?32cc specified in source map

我看到“eval code(xxx)”只链接.

从我可以google“webpack：///”不支持Edge但我无法更改Angular-Cli设置以将其更改为其他内容(或者我不明白如何).

只是执行“ng弹出”使源映射从无法工作到半工作(如何正确映射到生成的捆绑的js文件,但不是像Chrome中的非捆绑的js文件)但我仍然看到“找不到webpack：/ //“就像Edge中的消息一样.

我已经尝试编辑webpack.config.js文件来更改“devtool”设置和/或“SourceMapDevToolPlugin”参数设置.

我的测试都没有奏效.

解决方法

我的源映射文件运行良好：您是否尝试过“调试器”选项卡的“无域”文件夹？ (见下图,抱歉意大利语本地化)

enter image description here

在该文件夹中,所有源映射文件都将可见(但我承认我更喜欢chrome方式而不是无意义的“无域”文件夹).

附：在angular-cli中,我使用了ng build –prod –source-map.我的所有文件都缩小了.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!