问题描述: 在使用Angular CLI时,浏览器控制台中没有提供合理的行(没有源映射),但终端却显示正确的源代码。
解决方法:
ng serve
确保不要使用--prod
参数,因为在生产模式下,源代码会被压缩和优化,导致难以调试。
tsconfig.json
文件中启用了源映射。打开项目根目录下的tsconfig.json
文件,确保以下设置被设置为true:"sourceMap": true
这将允许浏览器在控制台中提供合理的行(源映射)。
angular.json
文件中启用了sourcemaps。打开项目根目录下的angular.json
文件,找到以下部分:"projects": {
"your-project-name": {
"architect": {
"build": {
"options": {
"sourceMap": true
}
},
"test": {
"options": {
"sourceMap": true
}
}
}
}
}
确保在build
和test
部分的options
下的sourceMap
被设置为true。
确保使用正确的浏览器。某些浏览器可能不支持源映射。建议使用Chrome或Firefox等现代浏览器进行开发和调试。
确保你的代码没有被压缩或混淆。如果你在构建或部署过程中使用了压缩或混淆工具,请确保正确配置,以便生成正确的源映射。
以上是解决Angular CLI在浏览器控制台中停止提供合理的行的几种可能方法。根据你的具体情况,可能需要尝试其中的一种或多种方法来解决问题。