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

【问题标题】：Console Log no longer displaying proper filenames in dev environment控制台日志不再在开发环境中显示正确的文件名
【发布时间】：2021-07-14 00:29:45
【问题描述】：

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

而不是类似的东西

Hello World login.component.ts: 34: 5

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

“Hello World main.js:1”

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

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

【问题讨论】：

欢迎来到 SO 社区，会的！在 tsconfig 中，您是否将 sourceMap 设置为 true？
这是 ng12 的一个已知问题。在此处修复：stackoverflow.com/questions/67598130/…

标签： angular console.log

【解决方案1】：

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

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

【讨论】：