如何解决浏览器中缺少 Angular 12 源映射
我们最近升级到 Angular 12 并面临浏览器源映射丢失的问题,因此我们无法调试我们的组件文件,因为没有。 谁能建议我缺少什么?
解决方法
Angular 12 更改了默认的“ng build”以使用“production”配置。你想要“sourceMap”,所以试着在你的 angular.json 中添加一个“开发”配置
"development": {
"buildOptimizer": false,"optimization": false,"vendorChunk": true,"extractLicenses": false,"sourceMap": true,"namedChunks": true
}
使用“ng build -c development”作为目标,或者更改“ng serve”的默认配置。
"serve": {
"builder": "@angular-devkit/build-angular:dev-server","options": {
"browserTarget": "app:build"
},"configurations": {
"production": {
"browserTarget": "app:build:production"
},"development": {
"browserTarget": "app:build:development"
}
},"defaultConfiguration": "development"
},
,
请补充: "sourceMap":true 和 "optimization":false 在架构师-> 构建-> angular.json 中的选项下。
不要忘记为您的生产配置设置相反的设置。
,您可以运行以下命令来更新 angular cli。希望能解决问题。
ng update @angular/cli@latest —-from=11 —-migrate-only
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。