Панель инструментов VueJs dev не отображается

Я начал использовать vue dev-tools в своем приложении, но не отображается в режиме разработчика в Chrome. Я пробовал различные решения, найденные на странице dev-tools github и в других местах в Интернете, но не повезло. Ниже приведены те вещи, которые я сделал/попытался отобразить.Панель инструментов VueJs dev не отображается

Enabled allow access to file URL’s option в хромированном расширении
Добавлены Vue.config.debug = true;Vue.config.devtools = true; как раз перед новой Vue ({})
Добавлен не-уменьшенной версии VueJS файла
Также я использую Chrome последнюю версию: 55.0. 2883,87.

Я получаю следующее сообщение, когда я нажимаю на расширение хром

За исключением панели фактически не отображается.

У кого-нибудь есть решение? Благодарю.

источник

2017-01-06 Malik

просьба сообщить sceenshot ваших Devtools –

я способствовал VUE-DevTools-3.0, так что я внимательно следить, чтобы убедиться, что ничего я сделал что-то сломалось. Вероятно, это проблема: https://github.com/vuejs/vue-devtools/issues/218 –

, к сожалению, у меня все еще такая же проблема. Я попробовал другой способ получить расширение хром. Путем клонирования здания репо приложение dev-tools. Но до сих пор не повезло. Я не вижу панель vue dev-tools. – Malik

Также было обнаружено, что если у вас установлен блокировщик объявлений, это также предотвращает правильную работу Vue Devtools.

источник

2017-01-19 11:28:18

Просто выполните «жесткую перезагрузку» несколько раз. В окнах: SHIFT + F5. На Mac: CMD + SHIFT + R.

источник

2017-05-24 13:40:22 denic

Это не сработало для меня. – jdferreira

Закрытие вкладки файла и повторное открытие для меня работало.

источник

2017-06-10 06:00:33

Я не мог заставить значок Vue быть активным в строке меню, однако мне удалось отобразить вкладку Vue в инструментах разработчика Chrome. Попробуйте следующее:

Закрыть Инструменты разработчика хром окна
Hard обновления браузера
Снова откройте окно инструментов разработчика и посмотреть на вкладке Вью

Значок на панели инструментов может по-прежнему указывать на то, что он не может обнаружить Vue, но вкладка должна быть видимой в инструментах разработчика Chrome.

источник

2017-06-26 18:28:15 Daryn

Просто выполните жесткую перезагрузку и закройте консоль разработки, затем снова откройте ее.

источник

2017-08-03 03:22:23 thavorac

Я не голосовал за это, я думаю, что причина, по которой она была проголосована, - это то, что она выглядит как копия моего ответа, которая была сделана за несколько месяцев до этого ... – Daryn

У меня была эта же проблема, я использовал minified vue из cdn "vue.min.js". Затем я удалил это и использовал неминифицированную vue. Затем я перезагрузил браузер и снова открыл консоль, и там была вкладка vue.

источник

2017-10-06 06:43:05

Это сделало трюк. Благодаря! ;) – manuman94

Пожалуйста, убедитесь, что вы не используете CDN производства. Единственный способ заставить его работать для меня - использовать версию VueJS dev.

развития: vue.js

источник

2018-01-22 09:53:20

Панель инструментов VueJs dev не отображается

ответ

Смежные вопросы