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

时间:2018-01-31 19:45:30

标签: angular-cli microsoft-edge webpack-dev-server

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

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

  

找不到webpack:///(webpack)-dev-server / client?源地图中指定的32cc

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

我可以google“webpack:///”在Edge中不受支持,但我无法更改Angular-Cli设置以将其更改为其他内容(或者我不明白如何)。< / p>

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

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

我的测试都没有奏效。

1 个答案:

答案 0 :(得分:2)

我的源映射文件运行良好:您是否尝试过沿“调试器”选项卡的“无域”文件夹进行搜索? (请参见下面的图片,对意大利语表示抱歉)

enter image description here

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

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