关键词 Angular13 npm install
前言
本文介绍了在Angular 13中，无法在浏览器debug的一种解决办法。
发生场景
根据项目需求，升级Angular13，结果本地环境无法在浏览器debug。
问题原因
造成无法debug的原因是，当Angular13 npm start的时候，会自动选择production环境，从而无法在浏览器页面debug。
解决办法
解决这个问题需要以下三个步骤：
- 在angular.json的build的configuration中添加development对象
"configurations": {
...
"development":{
"sourceMap": true,
"optimization": false
},
}- 在angular.json的serve的configuration中添加development对象
"configurations": {
...
"development": {
"browserTarget": "<app-name>:build:development" //<app-name>需要修改为具体项目名称
}
}- 修改package.json的scripts下的dev命令
"dev": "...ng build --configuration=development && ng serve --configuration development "后言
希望本文会对你有所帮助。