Je suis nouveau sur VueJS. Je suis en train de suivre l'un des tutoriels YouTube Construisons un multi-usage Laravel + Vue Application par Code Inspire)
Ceci est son package github. https://github.com/Hujjat/laravStart
Je remarque. Lorsque je me déconnecte et me reconnecte, il sera redirigé vers le fichier .js.
pour mon cas: - http: //laravel-vuejs.test/js/popper.js.map
et je clone son projet. J'ai essayé avec inspect, je me connecte et me déconnecte et me connecte. Il sera redirigé vers http: //laravstart.test/js/laravel-vue-pagination.common.js.map
Il affichera une erreur 404. Je dois à chaque fois supprimer la /js/xxxx.js.map puis revenir à la normale.
Mes deux projets, quand je lance l'inspection. J'ai remarqué l'avertissement Chrome.
DevTools n'a pas réussi à analyser SourceMap: http: //laravstart.test/js/laravel-vue-pagination.common.js.map
DevTools n'a pas réussi à analyser SourceMap: http: //laravel-vuejs.test/js/laravel-js/popper.js.map
REMARQUE IMPORTANTE Cela ne se produit que lorsque j'ouvre la fenêtre chrome inspecter les fenêtres. Si je la ferme, elle reviendra à la normale signifie ne pas rediriger vers le fichier JS.
Enregistrement d'écran: https://imgur.com/gZzcX5L
J'ai testé avec Chrome et Firefox avec inspecter les deux ayant le même problème.
Mais dans Chrome si je désactive le paramètre pour la carte source, il n'aura pas ce problème.
Quelqu'un comment y remédier? Problème de compilation de la carte source? le fichier js.map n'existe pas.
J'ai trouvé qu'une solution est créée un fichier factice à public/js/popper.js.map
, puis il reviendra à la normale, remplira simplement l'outil de développeur de navigateur requis, il ne redirigera pas vers ce fichier spécifique.
Je crois que c'est le comportement des outils de développement de navigateur.
J'ai reçu une solution du propriétaire du dépôt laraStart.
Cette erreur se produit lorsque vous avez une erreur et compilez votre code javascript. Plus tard, lorsque vous le corrigerez, il restera dans le cache et se produira. Veuillez essayer de recompiler votre script et connectez-vous pour voir.
La solution fonctionne également.
Je cours npm update
et npm run dev
, ça marche bien.
Si vous utilisez Laravel Mix, vous pouvez générer des cartes source en appelant la méthode mix.sourceMaps () dans votre fichier webpack.mix.js. Cela résout le problème.
mix.js('resources/js/app.js', 'public/js').sourceMaps();
Il y a deux erreurs SourceMap dans mon cas, donc les deux réponses précédentes s'appliquent à moi. 1) En ajoutant sourceMaps () dans la fonction mix.js du fichier webpack.mix.js
mix.js('resources/js/app.js', 'public/js').sourceMaps();
supprimer l'erreur de carte source popper.js.
2) Ajout de toastr.js.map au dossier public/js pour supprimer l'erreur de carte source de toastr.js.
Ouvrez "rechercher dans les fichiers", recherchez chaque ligne de code commentée qui a
sourceMappingURL=...
Supprimez la ligne commentée entière pour chacun.
Il devrait y avoir 3 entrées ici dans public/app.js et 1 à la fin de popper.js.
Si vous utilisez des boucliers braves ou un bloqueur de publicités, désactivez-le
La meilleure solution consiste simplement à copier le fichier popper.js.min depuis
node_modules - popper.js - dist -> popper.js.min
cela a résolu mon mal de tête