Vscode: WSLを使用してノードプログラムをデバッグできません

作成日 2018年07月18日 · 4コメント · ソース: microsoft/vscode

VSCodeバージョン：1.25.1
OSバージョン：Windows 10 Home 1803

Linux用のWindowsSubsytemを使用してNodeアプリケーションをデバッグしようとしていますが、パスが変換されていないと思います。

これは私のlaunch.jsonです

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch NestJS",
      "useWSL": true,
      "console": "integratedTerminal",
      "runtimeExecutable": "npm",
      "runtimeArgs": [
        "run-script",
        "start:dev"
      ],
      "port": 5000,
    }
  ]
}

これは、デバッグを試みた後にコンソールに表示されるものです。

isiah@isiah-acer:/mnt/c/Users/Isiah/Documents/Programming_Projects/etc/podcast_db/new-api$ cd "c:\Users\Isiah\Documents\Programming_Projects\etc\podcast_db\new-api" ; "C:\WINDOWS\System32\bash.exe" -ic "npm run-script start:dev"
-bash: cd: c:\Users\Isiah\Documents\Programming_Projects\etc\podcast_db\new-api: No such file or directory
C:\WINDOWS\System32\bash.exe: command not found

さらに詳しい情報については、 npm run-script start:devはnodemonを実行し、これが私のnodemon.jsonです。

{
  "watch": [
    "src"
  ],
  "ext": "ts",
  "ignore": [
    "src/**/*.spec.ts"
  ],
  "exec": "node -r tsconfig-paths/register --inspect=5000 --require ts-node/register src/main.ts"
}

この問題は、すべての拡張機能が無効になっている場合に発生しますか？：はい

WSL bug debug verified

ソース

isiah-lloyd

最も参考になるコメント

これは、起動構成から"console": "integratedTerminal"を削除するときに機能するはずです。 "useWSL": trueで十分です。

このようなセットアップをデバッグするために、拡張機能WSL WorkspaceFolderを使用し、次をlauch構成に追加します。

"localRoot": "${workspaceFolder}",
"remoteRoot": "${command:extension.vscode-wsl-workspaceFolder}",

私のために働く例：

{
  "type": "node",
  "request": "launch",
  "name": "Run NPM script in WSL",
  "useWSL": true,
  "localRoot": "${workspaceFolder}",
  "remoteRoot": "${command:extension.vscode-wsl-workspaceFolder}",
  "runtimeExecutable": "npm",
  "runtimeArgs": [
    "run-script",
    "foo",
  ],
  "internalConsoleOptions": "openOnSessionStart",
  "skipFiles": [
    "<node_internals>/**/*.js",
  ],
},

モカテストをデバッグするには、次の起動構成を使用します。

{
  "type": "node",
  "request": "launch",
  "name": "Run mocha tests in WSL",
  "useWSL": true,
  "localRoot": "${workspaceFolder}",
  "remoteRoot": "${command:extension.vscode-wsl-workspaceFolder}",
  "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
  "args": [
    "-u",
    "tdd",
    "--timeout",
    "999999",
    "--colors",
    "--exit",
    "${command:extension.vscode-wsl-workspaceFolder}/tests/test.js"
  ],
  "internalConsoleOptions": "openOnSessionStart",
  "skipFiles": [
    "<node_internals>/**/*.js",
  ],
},

注：出力は[デバッグコンソール]タブに表示されます。

n0v1 2018年10月22日

👍9

全てのコメント4件

これは、まだサポートされていない複雑なセットアップです。

weinand 2018年09月17日

これは、起動構成から"console": "integratedTerminal"を削除するときに機能するはずです。 "useWSL": trueで十分です。

このようなセットアップをデバッグするために、拡張機能WSL WorkspaceFolderを使用し、次をlauch構成に追加します。

"localRoot": "${workspaceFolder}",
"remoteRoot": "${command:extension.vscode-wsl-workspaceFolder}",

私のために働く例：

{
  "type": "node",
  "request": "launch",
  "name": "Run NPM script in WSL",
  "useWSL": true,
  "localRoot": "${workspaceFolder}",
  "remoteRoot": "${command:extension.vscode-wsl-workspaceFolder}",
  "runtimeExecutable": "npm",
  "runtimeArgs": [
    "run-script",
    "foo",
  ],
  "internalConsoleOptions": "openOnSessionStart",
  "skipFiles": [
    "<node_internals>/**/*.js",
  ],
},

モカテストをデバッグするには、次の起動構成を使用します。

{
  "type": "node",
  "request": "launch",
  "name": "Run mocha tests in WSL",
  "useWSL": true,
  "localRoot": "${workspaceFolder}",
  "remoteRoot": "${command:extension.vscode-wsl-workspaceFolder}",
  "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha",
  "args": [
    "-u",
    "tdd",
    "--timeout",
    "999999",
    "--colors",
    "--exit",
    "${command:extension.vscode-wsl-workspaceFolder}/tests/test.js"
  ],
  "internalConsoleOptions": "openOnSessionStart",
  "skipFiles": [
    "<node_internals>/**/*.js",
  ],
},

注：出力は[デバッグコンソール]タブに表示されます。

n0v1 2018年10月22日

👍9

@ n0v1私のために働いた。ありがとうございました！

これは現在、WSLで開発する一般的な使用例であり、デバッグを機能させることが私の作業にとって重要です。 Pythonを機能させるために🤞

offero 2019年01月05日

VS Codeを使用したリモート開発を発表しました。詳細については、ブログ投稿をご覧くださいhttps://code.visualstudio.com/blogs/2019/05/02/remote-development

Tyriar 2019年05月02日

🎉1

このページは役に立ちましたか？

0 / 5 - 0 評価

Vscode: WSLを使用してノードプログラムをデバッグできません

最も参考になるコメント

全てのコメント4件

関連する問題