Vue. js devtools не отображается - PullRequest
2 голосов
/ 28 мая 2020

Внезапно мои Vue. js devtools перестали работать. У меня он был в chrome примерно 2 года (с тех пор, как я начал разрабатывать Vue. js). Теперь я не вижу инструментов разработчика в chrome. Это случилось вчера именно так - какое-то время я использовал devtools, потом работал над чем-то другим, и через некоторое время я кое-что заметил - devtools нет. Несмотря на то, что расширение говорит, что инструменты разработчика работают: enter image description here


Почему это не «моя» проблема:

  1. Я использую его для 2 года без проблем, до сих пор
  2. Работал утром, потом "просто" остановился
  3. Теперь не работает на ни на каком проекте, даже Я знаю, что он работал раньше.
  4. Я не использую производственный режим, минимизированную версию и т. Д. c ... Я компилирую его через веб-пакет и работал раньше.
  5. Он даже не работает на simple-fre sh Vue. js app *

Почему я пробовал до сих пор:

  1. Hard-refre sh веб-сайт (закройте и снова откройте инструменты разработки)
  2. Перезапустите браузер
  3. Переустановите расширение
  4. Пробовал эту версию , а также эту версию исправления
  5. Выход и вход из учетной записи
  6. Включены все настройки для расширения: enter image description here

ОС : macOS Catalina 10.15.4 (19 E287)

Браузер : 83.0.4103.61

Vue. js DevTools : 5.3.3


* Fre sh Vue. js код приложения выглядит так:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="app">
        {{ message }}
    </div>

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app = new Vue({
            el: '#app',
            data: {
                message: 'Hello Vue!'
            }
        });
    </script>
</body>
</html>

И он по-прежнему не работает (да, расширение по-прежнему говорит «Vue. js обнаружен на этой странице. Откройте DevTools и ... "): enter image description here

1 Ответ

1 голос
/ 18 июня 2020

Я тоже испытал это как для Chrome, так и Firefox.

Неудачным решением для Chrome было обновление его до последней версии (сегодня это 83.0.4103.106, 64-битная версия на Windows).

Для Firefox (77.0.1, 64bit) я отключил все другие расширения, загрузил страницу без открытия Firefox Devtools, затем нажал F12, и появилась вкладка Vue.

Как правило, может помочь отключение любых других расширений (например, «Ad Block Plus» или «Меня не интересуют файлы cookie»).

[EDIT]: Добавление другого случая, который я испытал, когда вкладка Vue не отображается в инструментах разработки Chrome:

  1. загрузка страницы без открытия инструментов разработки
  2. нажмите Vue Кнопка Devtools в области расширений (можно сказать: «Vue. js не обнаружено», но пусть это вас не беспокоит). В некоторых настройках этот шаг имеет решающее значение.
  3. только затем откройте Devtools, нажав F12. Vue должна появиться вкладка (отметьте справа от всех вкладок, можно перетащить влево)
...