在Angular 6中,您可以使用Typescript调试库来调试主要的Angular应用程序。以下是一个解决方法,包含代码示例:
npm install -g @angular/cli
npm install -g typescript
ng new my-app
cd my-app
tsconfig.json
文件,并确保以下选项已启用:{
"compilerOptions": {
"sourceMap": true,
"inlineSources": true
}
}
这将允许生成调试信息和内联源代码。
ng serve
打开浏览器并访问http://localhost:4200
,然后打开开发者工具(通常是按下F12键)。
在开发者工具的Sources选项卡中,找到左侧的文件树,并展开"webpack:///"文件夹。
在文件树中,找到您想要调试的特定TypeScript文件,然后单击它以打开它。
在打开的TypeScript文件中,您将看到右侧的源代码。您可以在此处设置断点并进行调试。
请注意,这种方法只适用于调试TypeScript源代码。如果您想要调试生成的JavaScript代码,您可以使用浏览器中的调试工具。