Visual StudioコードとChromeデバッガ拡張機能を使用してAngularJSアプリケーションをデバッグできません

Question

Visual StudioコードでDebugger for Chromeプラグインを使用しています。

1）Visual Studio Codeでlaunchデバッガを試してみると、このエラーが発生します。Failed to load resource: net::ERR_CONNECTION_REFUSED。

2）デバッガをattachにしようとすると、このエラー（Failed to load resource: the server responded with a status of 404 (Not Found)）が表示されます。

私の最終目標は、純粋なAngularJS Webアプリケーションをデバッグできることです。

launch.json

{ 
    "version": "0.2.0", 
    "configurations": [ 
     { 
      "name": "Launch Chrome against localhost, with sourcemaps", 
      "type": "chrome", 
      "request": "launch", 
      "url": "http://localhost:8080", 
      "runtimeArgs": [ 
      "--new-window", //Open in new window 
      "--remote-debugging-port=9222" //Open in port 9222 (standard chrome debug port) 
     ], 
      "webRoot": "${workspaceRoot}/app/" 
     }, 
     { 
      "name": "Attach to Chrome, with sourcemaps", 
      "type": "chrome", 
      "request": "attach", 
      "port": 9222, 
      "sourceMaps": true, 
      "webRoot": "${workspaceRoot}" 
     } 
    ] 
} 

注：私は、デバッガを起動する前に、クロムのない実行中のインスタンスがないことを確認しましたてきました。私はWindows 10を実行しています。

Answer 1

私は同じ問題に直面しました。つまり、vsコードデバッガを起動し、ERR_CONNECTION_REFUSEDを取得しました。

次に、vsコードデバッガーがサーバーを起動していないことに気付きました。デバッガを起動する前に

コマンドラインで

シンプル

$ npm start 

、これは私の誤解を解く： - $