La extensión de Chrome vue-devtools no detecta Vue

Solución:

Encontré esta sencilla solución:

• haga clic con el botón derecho en el icono de Vue y haga clic en Manage extensions
• Desplácese hacia abajo y habilite Allow access to file URLs
• Reinicia tu Chrome y estarás bien.

NOTA: Es posible que deba activar el modo de depuración agregando esta línea al comienzo de su secuencia de comandos

Vue.config.devtools = true;

Si usa Vue 3, necesita la nueva versión de la extensión que todavía está en beta https://chrome.google.com/webstore/detail/vuejs-devtools/ljjemllljcmogpfapbkkighbhhppjdbg?hl=en

Cuando el uso de la respuesta a samayo para principiantes no está completo. Es importante que las personas confundidas conozcan el código que se coloca en algún lugar.

---

La causa del problema es que está utilizando Vue.js de CDN. Deberías agregar el Vue.config.devtools = true; fragmento de código en su archivo xxx.js. Por ejemplo:

---

ejemplo.js

Vue.config.devtools = true;

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!',
  }
})

Referencia:

https://github.com/vuejs/vue-devtools/issues/190

---

---

Utiliza Nuestro Buscador