web-dev-qa-db-fra.com

DevTools n'a pas réussi à analyser l'erreur SourceMap après la connexion sera redirigée vers ce fichier js

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. enter image description here

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.

enter image description here

Quelqu'un comment y remédier? Problème de compilation de la carte source? le fichier js.map n'existe pas.

9
Shiro

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.

9
Shiro

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();

documentation Laravel Mix Source Maps

11
Tina Hammar

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.

1
Jun Salen

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

0
Jacob Bradley

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

0
Alphas Bravos