vscode-chrome-debug无法加载资源ERR_CONNECTION_REFUSED

Question

安装了vscode-chrome-debug扩展并尝试启动angular.js站点。我能够连接到chrome调试器，但是通过localhost：9009访问任何资源，如/index.html或/ json无法加载。在开发者模式下运行chrome以禁用扩展。

之前有没有人处理过此事？这是扩展中的错误吗？如果有人看到我做错了什么，请告诉我。谢谢！

launch.json

        {
            "name": "Launch localhost",
            "type": "chrome",
            "request": "launch",
            "url": "http://localhost:9009/index.html",
            "webRoot": "${workspaceRoot}",
            "diagnosticLogging": true,
            "userDataDir": "c:\\out\\chrome\\",
            "sourceMaps": false
        }

调试控制台输出

      ›OS: win32 ia32
      ›Node: v5.10.0
      ›vscode-chrome-debug-core: 0.1.7
      ›debugger-for-chrome: 0.4.6
      ›spawn('C:\Program Files (x86)\Google\Chrome\Application\chrome.exe', ["--remote-debugging-port=9222","--no-first-run","--no-default-browser-check","--user-data-dir=c:\\out\\chrome\\","http://localhost:9009/index.html"])
      ›Attempting to attach on 127.0.0.1:9222
    Failed to load resource: net::ERR_CONNECTION_REFUSED (http://localhost:9009/index.html)

Answer 1

我的设置中缺少一步......我需要运行一个Web服务器！看起来显而易见，但我假设调试扩展正在做一些事情，在给定静态文件位置的情况下为站点提供服务。

我设置了gulpfile和任务来运行gulp-webserver。我运行了启动任务，然后启动了调试器，它工作正常。