vscode-chrome-debugリソースのロードに失敗しました。ERR_CONNECTION_REFUSED

Question

vscode-chrome-debugエクステンションをインストールし、angular.jsサイトを起動しようとしました。私はクロムデバッガに接続することができますが、/index.htmlや/ jsonのようなlocalhost：9009を介してあらゆるリソースにアクセスすることはできません。拡張機能を無効にするには、デベロッパーモードで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サーバーを実行する必要があります！明らかなようですが、私は、デバッグ拡張機能が静的ファイルの場所を指定してサイトを提供するために何かをやっているという前提の下にありました。

私は、gulp-webserverを実行するためのgulpfileとタスクをセットアップしました。私は、起動タスクを実行し、デバッガを起動し、それは働いた。