Angular - 找不到错误源，因为堆栈跟踪在生产模式下被混淆了

Question

我尝试在生产模式下运行 Angular 应用 ng serve --aot --prod。当应用程序启动时，我在控制台中看到一个错误，但错误堆栈跟踪被混淆了，我找不到导致错误的源代码。没有 --prod 选项，没有错误。如何找到错误源？

main.026c3ce7721e9ba03a1e.js:1 ERROR TypeError: f.ngOnInit is not a function
    at main.026c3ce7721e9ba03a1e.js:1
    at main.026c3ce7721e9ba03a1e.js:1
    at Ji (main.026c3ce7721e9ba03a1e.js:1)
    at Eo (main.026c3ce7721e9ba03a1e.js:1)
    at Object.updateDirectives (main.026c3ce7721e9ba03a1e.js:1)
    at Object.updateDirectives (main.026c3ce7721e9ba03a1e.js:1)
    at $i (main.026c3ce7721e9ba03a1e.js:1)
    at so (main.026c3ce7721e9ba03a1e.js:1)
    at oo (main.026c3ce7721e9ba03a1e.js:1)
    at $i (main.026c3ce7721e9ba03a1e.js:1)

Answer 1

在 anuglar.json 配置文件中启用 sourceMap 以查看原始代码堆栈跟踪。

{
  "projects": {
    "myProject": {
      "architect": {
        "build": {
          "configurations": {
            "production": {
              "sourceMap": true
            }
          }
        }
      }
    }
  }
}

我还尝试添加 --source-map 选项来服务命令，但由于某些原因该选项没有解决我的问题。