angular - 为什么使用 ng build 时 webpack:// 没有出现在 chrome 中

Question

嗨，我对 Angular 有点陌生，我发现当我使用时，我会ng serve在 chrome 调试器中看到 webpack://，这样我就可以导航我的 ts 文件进行调试。当我使用ng buildwebpack:// 时不可用。我可以在 angular.json 中使用或设置一个标志来使 webpack:// 在使用时可见ng build吗？

标签： angularwebpack

Answer 1

我相信这意味着您以某种方式在 prod 模式下运行，而您需要在调试模式下运行。也许尝试类似的东西

--prod=false

当您使用 prod=false 构建时，转译器知道创建 .map 文件。我认为 .map 文件是允许 webpack 映射工作的魔法。所以现在我认为您需要在 VS 构建 html 中包含映射文件。

我知道 VS 创建的基本 html 与 Angular 网络服务器使用的基本 html 不同。所以我会查看这两个基本文件的差异。VS 可能是 *.cshtml，而 Angular 可能是 index.html。

您还可以在加载每个开发工具时查看它们，并查看是否在 Angular 版本中加载了任何其他文件（可能是 .map 文件）

此外，您可以尝试以下操作：

ng serve --source-map --vendor-source-map