これが私のVSコードlaunch.json
ファイルです:
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:4321",
"port": 9222,
"webRoot": "${workspaceFolder}"
}
]
}
私が欲しいのは、npm start
デバッグが始まる直前にコマンドを実行することです。つまり、開発サーバーを実行してからChromeインスタンスを起動し、提供されたURLに移動します。
そこで、次のスニペットを構成ファイルに追加して、デバッグを実行しました。
"cwd": "${workspaceRoot}",
"runtimeExecutable": "npm",
"runtimeArgs": [
"start"
]
しかし、私はこのエラーを受け取りました:
Attribute runtimeExecutable does not exist ('npm')
何か助けはありますか?
解決策を見つけました:私は preLaunchTask
launch.json
:
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch Chrome against localhost",
...
// This runs dev server before debugger
"preLaunchTask": "start-dev-server",
}
]
}
tasks.json
:
{
"version": "2.0.0",
"tasks": [
{
"label": "start-dev-server",
"type": "npm",
"script": "start",
"isBackground": true,
"problemMatcher": {
"owner": "npm",
"background": {
"activeOnStart": true,
"beginsPattern": ".*",
"endsPattern": "Finished.+"
},
"pattern": {
"regexp": "",
}
}
},
]
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加