当使用Angular开发应用时,有时候可能会遇到错误信息没有显示代码行号的情况。这使得很难定位和修复错误。以下是一些解决方法,可以帮助你显示代码行号:
ERROR Error: Cannot read property 'name' of undefined
at AppComponent.getName (app.component.ts:10)
at AppComponent.ngOnInit (app.component.ts:6)
at callHook (core.js:4794)
at callHooks (core.js:4768)
at executeInitAndCheckHooks (core.js:4719)
at refreshView (core.js:12087)
at refreshComponent (core.js:13449)
at refreshChildComponents (core.js:11792)
at refreshView (core.js:12136)
at refreshEmbeddedViews (core.js:13348)
tsconfig.json
文件,并确保"sourceMap"
属性被设置为true
。{
"compilerOptions": {
...
"sourceMap": true,
...
}
}
main.ts
文件中设置enableProdMode()
方法之前添加以下代码:import { enableProdMode } from '@angular/core';
import { ErrorHandler } from '@angular/core';
class CustomErrorHandler implements ErrorHandler {
handleError(error) {
console.error('Error:', error);
}
}
Error.stackTraceLimit = Infinity;
enableProdMode({
errorHandler: new CustomErrorHandler()
});
这将捕获和显示错误的堆栈跟踪,包括代码行号。
以上是一些解决 Angular 错误没有显示代码行号的方法,通过使用开发者工具调试、启用 Source Maps 和使用错误追踪服务,你将能够更轻松地定位和修复错误。
上一篇:Angular错误类型:无法读取未定义的属性(读取email)
下一篇:Angular错误NG0100:ExpressionChangedAfterItHasBeenCheckedError:表达式在被检测后已经改变