Отладка в WebStorm с помощью Vue. js - PullRequest
0 голосов
/ 24 января 2020

Я отлаживаю приложение Nuxt + Vue. js и мне нужно посмотреть описание объекта, передаваемого в один из методов моих компонентов. Я также хотел бы пройтись по этому методу, чтобы увидеть, что с ним не так.

Я использую WebStorm и прочитал следующее из здесь :

enter image description here

Я сделал то, что было выше и после выполнения команды «npm run dev» и последующего нажатия кнопки «Отладка» в WebStorm моя страница загружается в Chrome, но установленные мной точки останова никогда не достигаются.

Я знаю, что мой метод получает удар, потому что Я вижу его ошибочные результаты в приложении Vue, работающем в Chrome

Я также пытался использовать Vue Devtools в Chrome, что замечательно, но не обеспечивает пошаговую функциональность, которую я ищу. Или, если это произойдет, я не знаю об этом.

Вот моя Javascript конфигурация отладки:

enter image description here

Может ли это быть что-то делать с заказом Vue проект загружается в браузер? Я все еще довольно новичок в Vue. js, поэтому любая помощь будет оценена.

1 Ответ

0 голосов
/ 24 января 2020

Я бы предложил настроить Nuxt для использования devtool = 'source-map' для генерации исходных карт (см., Например, https://nuxtjs.org/api/configuration-build/#extend), чтобы сделать исходные карты более точными. У меня отлично работает:

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...