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

问题描述

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

而不是像

Hello World login.component.ts: 34: 5

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

“你好世界 main.js:1”

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

控制台输出示例

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

标签： angularconsole.log

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

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

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

问题描述

解决方案

推荐阅读