在VS Code中使用Debugger for Chrome的偶发应用加载问题

Question

我在Visual Studio Code中遇到Chrome远程调试器的问题。实际上问题在于Firefox调试器，所以它不仅仅是Chrome问题。一切都会正常工作一段时间，然后我会遇到一个问题，而不是我在本地主机上加载我的Angular 2应用程序，浏览器的行为就好像它试图打开文件资源而不是HTTP资源。

无论我是否在孤立的环境中运行Chrome实例，都会发生这种情况。这是我的launch.json文件（userDataDir在隔离的浏览器中运行）：

{

"version": "0.2.0",
"configurations": [{
    "name": "Launch Chrome",
    "type": "chrome",
    "request": "launch",
    "url": "http://localhost:4000",
    "sourceMaps": true,
    "webRoot": "${workspaceRoot}",
    "userDataDir": "C:\\temp\\chrome-dev-configuration"
}]

}

因此，在浏览器出现此问题时，我会看到此而不是我的应用加载：

在控制台中有错误：

如果我关闭所有浏览器窗口和VS Code，并重新启动VS Code并重新开始，问题就会消失，但不是所有时间，或者至少不是马上。至少可以说，这非常烦人和令人困惑。我坚持在VS Code之外调试我的Angular 2应用程序，因为它的用户体验比Chrome更好，特别是在处理Typescript文件时，所以我现在会坚持使用它，除非我能解决这个问题。

有什么想法吗？感谢。