织梦视频网站源码,高端网站设计 上海,安徽网站设计方案,做购物网站建设的公司前言
本文将介绍如何解决在Angular 13中无法在浏览器中进行调试的问题#xff0c;并提供了一种解决方法。
发生场景
根据项目需求#xff0c;升级至Angular 13后#xff0c;发现无法在浏览器中进行调试。
问题原因
无法进行调试的原因是#xff0c;当使用Angular 13的…前言
本文将介绍如何解决在Angular 13中无法在浏览器中进行调试的问题并提供了一种解决方法。
发生场景
根据项目需求升级至Angular 13后发现无法在浏览器中进行调试。
问题原因
无法进行调试的原因是当使用Angular 13的npm start命令时会自动选择生产环境从而无法在浏览器中进行调试。
解决办法
下面是解决该问题的三个步骤
在angular.json文件的build配置中添加development对象
configurations: {...development: {sourceMap: true,optimization: false}
}在angular.json文件的serve配置中添加development对象
configurations: {...development: {browserTarget: app-name:build:development //app-name需要修改为具体项目名称}
}修改package.json文件中的scripts下的dev命令
dev: ...ng build --configurationdevelopment ng serve --configuration development后言
希望本文对您有所帮助。如果您有任何问题请在下方留言我将尽力解答。
