Angular 源映射 sourceMappingUrl 损坏

Question

我最近从 Angular 7 升级到 Angular 8，我注意到在 Chrome 和 Firefox 中，我在开发控制台中出现错误

火狐：

源映射错误：SyntaxError：JSON.parse：JSON 数据的第 1 行第 1 列出现意外字符

源地图网址：[url]

铬：

DevTools 无法解析 SourceMap https://mydomain/[url]

当我检查我的main.js 时，我看到源 sourceMappingURL 的以下集合

},[[0,"runtime","vendor"]]]);
//# sourceMappingURL=[url]

在我的一生中，我无法弄清楚应该在哪里进行配置或发生了什么变化。有没有人遇到过或知道解决方案？

Answer 1

1. 检查错误中提到的 URL (https://mydomain/[url])，它应该打开 提到的块（.js.map 文件）。如果不存在，请检查路径是否正确。

2. 您可以通过在 chrome 控制台设置中取消选中此选项来关闭源映射文件。注意：这不是实际修复。

1. 从 firefox 错误来看，它看起来可能是 JSON 解析问题。在 Parse() 方法之前添加一个 stringify 方法 var yourDataStr = JSON.stringify(yourdata)，无论您在哪里验证 JSON。

希望这会有所帮助！