Microsoft Edge 浏览器的 Angular-Cli v1.6.6 源地图设置

Question

我正在尝试为 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)”只有链接。

据我所知，Edge 不支持“webpack:///”，但我无法更改 Angular-Cli 设置以将其更改为其他内容（或者我不明白如何）。

只需执行“ng 弹出”即可使源映射从不工作变为半工作（如何正确映射到生成的捆绑 js 文件，而不是像 Chrome 中那样未捆绑的 js 文件），但我仍然看到“无法找到webpack:///" 喜欢 Edge 中的消息。

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

我的测试都没有成功。

Answer 1

我的源映射文件运行良好：您是否尝试在“调试器”选项卡的“无域”文件夹中搜索？ （见下面我的图片，抱歉意大利本地化）

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

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