Angular13无法在浏览器debug

2023-12-13 09:36:30

前言

本文将介绍如何解决在Angular 13中无法在浏览器中进行调试的问题,并提供了一种解决方法。

发生场景

根据项目需求,升级至Angular 13后,发现无法在浏览器中进行调试。

问题原因

无法进行调试的原因是,当使用Angular 13的npm start命令时,会自动选择生产环境,从而无法在浏览器中进行调试。

解决办法

下面是解决该问题的三个步骤:

  1. angular.json文件的build配置中添加development对象:
"configurations": {
    ...
    "development": {
        "sourceMap": true,
        "optimization": false
    }
}
  1. angular.json文件的serve配置中添加development对象:
"configurations": {
    ...
    "development": {
        "browserTarget": "<app-name>:build:development" //<app-name>需要修改为具体项目名称
    }
}
  1. 修改package.json文件中的scripts下的dev命令:
"dev": "...ng build --configuration=development && ng serve --configuration development"
后言

希望本文对您有所帮助。如果您有任何问题,请在下方留言,我将尽力解答。

文章来源:https://blog.csdn.net/m0_73117087/article/details/134316224
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。