Vue.js est détecté sur cette page. L'inspection de Devtools n'est pas disponible car elle est en mode production ou explicitement désactivée par l'auteur.
J'essaie d'activer vue-devtools dans Google Chrome. Mais je ne peux pas l'activer. J'utilise vue.js dans l'application Laravel.
Mon serveur fonctionne avec la commande php artisan serve.
- Si la page utilise une version production/réduite de Vue.js, l'inspection de devtools Est désactivée par défaut afin que le volet Vue n'apparaisse pas.
- Pour que cela fonctionne pour les pages ouvertes via le protocole file: //, vous devez cocher la case "Autoriser l'accès aux URL de fichier" pour cette extension dans le panneau de gestion des extensions De Chrome.
- J'ai dû redémarrer le chrome, et cela a fonctionné :-)
Lorsque vous utilisez Laravel, assurez-vous d’exécuter le pack Web approprié pour votre environnement de développement. Fonctionnement
montre npm run
devrait construire Vue avec le mode débogage. En utilisant
npm run production
réduit Vue pour la production. Vous éviterez ainsi de basculer en mode débogage lors de la génération pour la production.
Vous pouvez utiliser la version dev de vue.js. Par exemple, obtenez-le ici: https://unpkg.com/[email protected]
Si vous utilisez CDN; assurez-vous de ne pas utiliser une version de production (minifiée) de la bibliothèque.
Use:https://unpkg.com/[email protected]/dist/vue.js
Au lieu de:https://unpkg.com/[email protected]/dist/vue.min.js
Vous devrez peut-être faireCtrl+Alt+Ipour qu'il apparaisse la première fois. ( La source )
assurez-vous que vous utilisez une version de Vue.js. non-production. https://github.com/vuejs/vue-devtools/issues/62
Je voyais le message d'erreur dans le titre de cette question et cette solution a fonctionné pour moi:
Ajoutez Vue.config.devtools = true au fichier dans lequel vous créez l'instance Vue (main.js pour moi).
Notez que, comme indiqué dans cette réponse , vous devez insérer la ligne Vue.config.devtools = true avant de créer votre magasin afin que la partie Vuex de devtools fonctionne. Si vous créez votre magasin Vuex dans un fichier séparé (par exemple, store.js), vous devrez peut-être insérer la ligne Vue.config.devtools = true dans votre fichier main.js ainsi que dans le fichier store.js.
Vous trouverez ci-dessous les modifications apportées à mon projet: 
