Vue.js: как отлаживать, когда на экране ничего не отображается и в консоли нет ошибок

Я запускаю приложение vue.js (с горячей перезагрузкой с помощью команды vue cli npm run serve) Время от времени я получаю пустой экран в браузере. нет ошибок в консоли и никаких ошибок, кроме ошибок js lint в командной строке компиляции.

Что я могу сделать, чтобы отладить это, кроме обратного отслеживания моего кода с помощью отмены / повтора, пока я не вернусь к чему-то, что работает?

Вы используете vuex?

mbuechmann 28.11.2018 08:43

Ваша сборка компилируется без ошибок?

Vijay Singh 28.11.2018 08:44

Изучите дерево dom с помощью инструментов разработчика браузера, чтобы узнать, какой компонент не отображается. Если вы видите <!-- --> там, где должен быть компонент, это означает, что Vue работает, но вы запутались в некоторой логике. Если вы используете vue-router, трижды проверьте свои маршруты, они являются частым источником проблем с рендерингом. Добавьте console.info в хуки created/mounted и посмотрите, какие компоненты создаются, а какие нет. Я настоятельно рекомендую расширение vue dev tools, если вы его еще не используете.

Eric Guan 28.11.2018 09:36

Еще не использую vuex. Единственные ошибки, которые я вижу в сборке, - это ошибки js lint. Я использую инструменты vue dev.

CodeToad 28.11.2018 14:24

что до сих пор работало лучше всего, так это заключить код в try ... catch. vue перехватывает и скрывает некоторые исключения и ничего не отображает. Если я сам их поймаю, я могу получить сведения об ошибке. возможно, у vue был флаг, который можно установить для вывода этих исключений на консоль? Я работаю в режиме разработки, а не производства.

CodeToad 16.12.2018 13:06
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
5
1 151
0

Другие вопросы по теме