控制台日志不再在开发环境中显示正确的文件名

如何解决控制台日志不再在开发环境中显示正确的文件名

更新到最新版本的 angular 后，我注意到控制台日志不再显示输出的源文件名和行号。

而不是类似的东西

Hello World login.component.ts: 34: 5

我现在只会看到类似的东西

"Hello World main.js:1"

起初，我以为是在 prod 模式下构建项目，所以文件被捆绑在一起（因为它们现在在 js 中输出），但我很确定我是在开发模式下编译而不是实际构建任何东西（isDevmode 为真）。

console output example

我正在使用 npm start 或 ng serve（指定端口）运行我的项目。我在其他网络资源上没有看到太多关于此的内容，所以有人可以分享他们的见解吗？谢谢。

解决方法

感谢@MikeOne，看起来将以下配置添加到 angular.json 正在以更友好的方式构建项目，并再次在控制台中记录文件名和行号。

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server","configurations": {
    "production": {
      "browserTarget": "angular12:build:production"
    },"development": {
      "browserTarget": "angular12:build:development"
    }
  },"defaultConfiguration": "development"
},