Я пытаюсь настроить отладку проекта nuxt / vue в сравнении с кодом на win 10.Я использую Git-Bash.Я нашел https://medium.com/@justin.ramel/nuxt-js-debugging-in-visual-studio-code-822ff9d51c77
Следуя инструкциям, я изменил мой package.json на
{
"name": "nuxt4",
"version": "1.0.0",
"description": "My classy Nuxt.js project",
"author": "hh",
"private": true,
"scripts": {
"dev": "nuxt",
"build": "nuxt build",
"start": "nuxt start",
"dev-debug": "node --inspect node_modules/.bin/nuxt",
"generate": "nuxt generate"
},
"dependencies": {
"cross-env": "^5.2.0",
"glob": "^7.1.3",
"nuxt": "^2.0.0",
"vue2-google-maps": "^0.10.6",
"vuetify": "^1.2.4",
"vuex": "^3.0.1"
},
"devDependencies": {
"nodemon": "^1.11.0",
"stylus": "^0.54.5",
"stylus-loader": "^3.0.2"
}
}
Launch.json:
{
"configurations": [
{
"type": "node",
"request": "attach",
"name": "Attach to Nuxt",
"port": 9229
}
]
}
Однако:
$ npm run dev-debug
> nuxt4@1.0.0 dev-debug E:\ENVS\js\nuxt4
> node --inspect=0.0.0.0 node_modules/.bin/nuxt
Debugger listening on ws://0.0.0.0:9229/4eda468d-39a4-4ddb-9a73-23e4fa60ed8e
For help, see: https://nodejs.org/en/docs/inspector
E:\ENVS\js\nuxt4\node_modules\.bin\nuxt:2
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
^^^^^^^
SyntaxError: missing ) after argument list
at new Script (vm.js:83:7)
at createScript (vm.js:267:10)
at Object.runInThisContext (vm.js:319:10)
at Module._compile (internal/modules/cjs/loader.js:684:28)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:732:10)
at Module.load (internal/modules/cjs/loader.js:620:32)
at tryModuleLoad (internal/modules/cjs/loader.js:560:12)
at Function.Module._load (internal/modules/cjs/loader.js:552:3)
at Function.Module.runMain (internal/modules/cjs/loader.js:774:12)
at executeUserCode (internal/bootstrap/node.js:342:17)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! nuxt4@1.0.0 dev-debug: `node --inspect=0.0.0.0 node_modules/.bin/nuxt`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the nuxt4@1.0.0 dev-debug script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
Nuxt-файл, сообщающий об ошибке:
#!/bin/sh
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
case $(uname) in
*CYGWIN*) basedir=$(cygpath -w "$basedir");;
esac
if [ -x "$basedir/node" ]; then
"$basedir/node" "$basedir/../nuxt/bin/nuxt.js" "$@"
ret=$?
else
node "$basedir/../nuxt/bin/nuxt.js" "$@"
ret=$?
fi
exit $ret
Как мне это работает?
edit:
В конце концов я обнаружил, что
"dev-debug": "node --inspect ./node_modules/nuxt/bin/nuxt",
избавил меня от этой ошибки.Однако у меня появилась новая проблема: при попытке отладки я получаю:
Похоже, я пытаюсь запустить package.json.Любая идея, как это исправить?
edit2:
после редактирования запуска JSON следующие на основе статей:
{
"type": "node",
"request": "launch",
"name": "Launch via NPM",
"runtimeExecutable": "npm",
"runtimeArgs": [
"run-script",
"dev-debug"
],
"program": "${workspaceFolder}\\node_modules\\.bin\\nuxt",
"args": [
"invoke",
"local",
"-f",
"<function-name>",
"--data",
"{}" // You can use this argument to pass data to the function to help with the debug
],
// "program": "E:\\ENVS\\js\\nuxt4\\node_modules\\.bin\\nuxt",
"port": 9229
}
Я получаю
есть мысли?
edit:
Становится немного ближе с launch.json, измененным на:
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "npm run dev",
"runtimeExecutable": "npm",
"windows": {
"runtimeExecutable": "npm.cmd"
},
"runtimeArgs": [
"run",
"dev-debug"
],
"port": 9229
},
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${workspaceRoot}/start"
},
{
"type": "node",
"request": "attach",
"name": "Attach to Port",
"address": "localhost",
"port": 9229
}
]
}
Теперь я могу подключить отладчик к процессу. Однако он не останавливается на точках останова.