不适用于Chrome的Angular5调试

Question

我不知道为什么它不再起作用了。我曾经能够打开开发工具，在我的角度代码中放置一个断点，然后它会暂停。但最近，它未能识别如何将网络文件映射到我的本地文件。请看我的视频解释这里 (3分钟长)。

编辑：

更多细节:问题是，当一个错误被抛出并记录在控制台日志中时，我单击行号，这样chrome工具就可以将我带到抛出错误的确切位置，它会带我到网络文件，没有映射到我正在编辑的本地文件。就像他们没有血缘关系一样。由于这个原因，如果我在网络文件中放置了一个调试点，它就会中断。如果我在本地文件中放置了一个调试点，它就不会中断。我如何告诉Chrome如何建立映射？就像他们删除了这个功能。

Answer 1

在angular.json文件中，有一个属性“优化”被设置为true，并且由于某种原因，它创建了没有调试器的优化文件。我将其设置为假"optimization": false。

Answer 2

我最近也遇到了类似的问题。对我来说，在任何文件(甚至是与我正在调试的文件不同的站点上)上使用active chrome重写似乎是在破坏源代码映射，使我无法调试我的应用程序。删除所有重写恢复了正常调试功能。

Answer 3

与以下方面合作：

    // Use o IntelliSense para saber mais sobre os atributos possíveis.
    // Focalizar para exibir as descrições dos atributos existentes.
    // Para obter mais informações, acesse: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://127.0.0.1:4200/",
            "webRoot": "${workspaceFolder}/"
       
        }
    ]