如何使控制台中显示的错误引用角度 cli 项目中的打字稿源映射？答案

【问题标题】：How can I make the errors shown in the console refer to the typescript source maps in an angular cli project?如何使控制台中显示的错误引用角度 cli 项目中的打字稿源映射？
【发布时间】：2017-07-28 11:58:48
【问题描述】：

我刚刚发出了ng new exampleProject 命令。当控制台中出现错误时，堆栈跟踪仅显示 .js 文件：而不是 .ts 文件。我该如何更改？

以下是此类错误的示例：

【问题讨论】：

您在运行ng new 时遇到错误？关于您所看到的内容的更多信息会很好。
@R.Richards 不，我指的是应用程序中出现的任何错误。查看修改后的问题
我明白了。如果错误来自ts 文件中的某些内容，您应该在控制台中看到ts 文件。除非您出于某种原因关闭了源地图。我刚刚在我的应用程序组件中添加了一个throw，我在堆栈跟踪中看到的第一件事是指向ts 文件的链接，以及其中的行号。像这样：`at new AppComponent (app.component.ts:17)'

标签： angular typescript error-handling angular-cli source-maps

【解决方案1】：

console.trace()

上面的代码有助于在角度上获得错误发生位置的完整跟踪，包括行号、组件名称和函数名称。

【讨论】：

【解决方案2】：

在compilerOptions 中添加"sourceMap": true, tsconfig.json

【讨论】：