Saltar al contenido

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

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *