Google铬控制台没有显示正确、准确的javascript行号。

Question

我正在用离子框架做一个有角度的项目，使用离子路由器-插座，并尝试用谷歌的铬控制台进行调试。但是，google控制台没有显示正确的行号，而且几乎不可能用它进行调试。

​

​

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

补充资料。这就是源代码窗口的样子。

​

在我将断点添加到formatted.main.js之后，也会出现以下错误消息

​

Answer 1

我已经修好了窃听器。除了上面评论中的建议，比如，还启用了“源地图选项”。记住要正确格式化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
}

因此，我的ng serve命令永远不会生成源地图。我要用ng serve --configuration production在生产模式下试一试。或者简单地把它放在options内部，在production层之外

对不起没有给出足够的源代码，认为我的错误要复杂得多。