javascript - Google Chrome 控制台未显示正确、准确的 JavaScript 行号

Question

我正在使用 ionic 框架开发一个 Angular 项目，使用 ion-router-outlet 所有这些，并尝试使用 google chrome 控制台进行调试。但是，Google Chrome 控制台没有显示正确的行号，几乎不可能进行调试。

如您所见，所有错误现在都指向 main.js:1:anyline。我怀念以前有真正准确的错误指示器的时光。我该如何解决这个问题？谢谢。

附加信息。这就是源窗口的样子。

在formatted.main.js中添加断点后也出现此错误消息

Answer 1

我已经修复了这个错误。 除了上面评论中的建议(例如谷歌浏览器控制台)启用“源 map 选项”。 请记住正确格式化 angular.json 文件 例如，我将选项放入生产配置中，如下所示

"configurations": {
  "production": {
     "fileReplacements": [{
       "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.prod.ts"
      }]
   },
   "optimization": false,
   "sourceMap": true,
   "namedChunks": true,
   "extractLicenses": false,
   "vendorChunk": false,
   "buildOptimizer": false
}

所以我的 ngserve 命令永远不会创建源映射。 我将尝试使用 ngserve --configuration production 在生产模式下提供服务。 或者简单地将其放在options内、生产层之外

抱歉没有提供足够的源代码，我认为我的错误要复杂得多。