Нужна визуальная настройка кода студии для отладки трафарета - PullRequest
Новая
       9

Нужна визуальная настройка кода студии для отладки трафарета

0 голосов
/ 29 ноября 2018

Я использую стартовый проект трафарета, найденный здесь (https://github.com/ionic-team/stencil-component-starter), и я хотел бы отладить код в коде Visual Studio. Я попробовал следующие конфигурации, но ни одна из них не работает 

"configurations": [
 {
  "type": "chrome",
  "request": "attach",
  "name": "Attach to Chrome",
  "port": 3333,
  "webRoot": "${workspaceFolder}"
 },
 {
  "type": "chrome",
  "request": "launch",
  "name": "Launch Chrome against localhost",
  "url": "http://localhost:3333",
  "sourceMaps": true,
  "webRoot": "${workspaceFolder}"
 }
]

Версия запуска успешно запускает Chrome и отображает запущенный трафаретный проект, но все точки останова в коде Visual Studio говорят, что они «не проверены», поэтому выполнение не останавливается на них. Прикрепленная версия не работает, она дает мнесообщение об ошибке 404:

Cannot connect to runtime process, timeout after 10000 ms - (reason: Cannot connect to the target: 404 File Not Found Url: /json File: C:/work/projectA/www/json).

1 Ответ

0 голосов
/ 29 ноября 2018

webRoot для приложения Stencil должно быть ${workspaceFolder}/www.Это должно исправить конфигурацию launch.

Чтобы подключиться, вы должны установить port на порт отладки Chrome, который вы должны установить с флагом.Источник: https://github.com/Microsoft/vscode-chrome-debug#attach

Но поскольку Stencil не генерирует исходные карты, вы сможете отлаживать только скомпилированный код.Источник: https://github.com/ionic-team/stencil/issues/219

Мой метод поиска правильного сгенерированного файла - просто добавить оператор debugger;, чтобы VS-код автоматически сломался.

...