Присоединение отладчика к приложению, созданному на участке - PullRequest
Новая
       42

Присоединение отладчика к приложению, созданному на участке

0 голосов
/ 16 мая 2019

У меня есть настройки моего проекта следующим образом, в моем package.json у меня есть следующее: 

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "dev": "parcel ./public/index.html --open",
  "build": "parcel build ./public/index.html NODE_ENV=production --no-source-maps --public-url ./public --out-dir ./dist",
  "lint": "eslint --ext .js,.vue src --fix"
},

Я могу запустить свой проект, запустив: npm run:dev, который начинается следующим образом: 

To debug the "dev" script, make sure the $NODE_DEBUG_OPTION string is specified as the first argument for the node command you'd like to debug.
For example:
  "scripts": {
    "start": "node $NODE_DEBUG_OPTION server.js"
  }

> impcentral@1.0.0 dev /Users/william/imp/src/impCentral
> parcel ./public/index.html --open

Server running at http://localhost:63188 - configured port 1234 could not be used.

Как вы можете сказать, это не останавливается на моих точках разрыва в WebStorm.Я попытался передать $NODE_DEBUG_OPTION в package.json, но безрезультатно.

Любые люди идеи, открытые, чтобы попробовать это в Visual Studio Code тоже.

1 Ответ

1 голос
/ 17 мая 2019

Вам не нужно запускать конфигурацию NPM в отладчике, если вам не нужна сама отладочная посылка.Поскольку ваше приложение, обслуживаемое посылкой, запускается в браузере, вы должны использовать JavaScript Debug запустить конфигурацию для его отладки.

  • запустить приложение, запустив npm run dev (либов WebStorm или в терминале)
  • создать JavaScript Debug запустить конфигурацию с URL вашего сервера (http://localhost:1234, или http://localhost:63188 в вашем случае):

enter image description here

  • выберите эту конфигурацию и нажмите Debug
...