Bootstrap essayant de charger le fichier map. Comment le désactiver? Dois-je le faire?
Je joue récemment avec bootsrap3. Je l'ai compilé à partir de sources et inclus distr js et css dans mon projet. Le problème, c’est, je vois dans les outils de développement de GH, qu’il essaie d’obtenir un fichier .map.css. Pourquoi veut-il le faire? Comment le désactiver? Dois-je le désactiver? Pour ne pas avoir de marque d'erreur dans les outils de développement, j'ai ajouté ce fichier map, après lequel tous les styles sont affichés tels qu'ils sont définis dans moins de fichiers, ce qui ne m'aide pas beaucoup.
Supprimer la ligne /*# sourceMappingURL=bootstrap.css.map */ de bootstrap.css
Les fichiers .map permettent à un navigateur de télécharger une version complète du fichier JS minifié. C'est vraiment à des fins de débogage.
En effet, le manque .map n'est pas un problème. Vous savez seulement qu'il manque, car les outils de développement du navigateur ont été ouverts, ils ont détecté un fichier réduit et vous informent que le débogage de JS ne sera pas aussi bon qu'il pourrait l'être.
C'est pourquoi les bibliothèques comme jQuery ont aussi le fichier complet, le fichier minified et le fichier map.
Voir cet article pour une explication complète des fichiers .map :
Supprimer la ligne /*# sourceMappingURL=bootstrap.css.map */ dans bootstrap.css
Si l'erreur persiste, nettoyez le cache du navigateur (CTRL + F5).
Supprimez la ligne "/*# sourceMappingURL=bootstrap.min.css.map */ " dans les fichiers suivants.
- css/bootstrap.min.css
- css/bootstrap.css
Pour récupérer le chemin du fichier sous Linux, utilisez la commande find / -name "\*bootstrap\*"
Si vous ne possédez pas le fichier .map correct et que vous ne souhaitez pas modifier les lignes dans bootstrap.css, vous pouvez créer un fichier .map factice.
Dans mon cas, je voyais l'erreur:
GET /bootstrap.css.map not found.
J'ai donc créé un fichier bootstrap.css.map vide dans le répertoire/public et l'erreur s'est arrêtée.
Cela ne se produit que lorsque vous utilisez les outils de développement, et cela ne se produit pas pour les utilisateurs normaux accédant au serveur de production.
Dans tous les cas, j’ai trouvé utile de simplement désactiver ce comportement dans dev-tools: ouvrez les paramètres et décochez l’option "Activer les cartes sources".
On tentera plus longtemps d'accéder aux fichiers de la carte.
Supprimer /* # SourceMappingURL = bootstrap.min.css.map */ Dans css/bootstrap.min.css
et supprime /* # sourceMappingURL = bootstrap.css.map */ dans css/bootstrap.css
J'ai également eu des avertissements dans Google Dev-Tools et j'ai ajouté uniquement le fichier bootstrap.min.css.map dans le même dossier, où se trouve bootstrap.min.css.
Je n'ai plus d'avertissement et vous pouvez trouver plus d'explications ici: https://github.com/twbs/bootstrap#whats-included
J'espère avoir répondu à votre question.
Pour moi, créé un bootstrap.css.map vide avec bootstrap.css et l'erreur s'est arrêtée.
Ok. Récemment, j'ai rencontré ce problème. J'ai une solution très simple pour résoudre ce problème. Procédez comme suit: allez dans ces répertoires src-> app-> index.html<base href="your app name ">CHANGEZ CECI EN <base href="/">
De bootstrap.css, supprimez, supprimez la dernière ligne/* # sourceMappingURL = bootstrap-theme.css.map * /
Supprimer la dernière ligne dans bootstrap.css
suit lin/*# sourceMappingURL = bootstrap.css.map * /
La suppression de cette ligne résout le problème, mais le problème est que les fichiers boostrap sont en bower_components et non archivés dans le contrôle de source.
Ainsi, tous les développeurs de l'équipe obtiendront le fichier css avec la référence de carte lorsqu'ils extrairont le référentiel et procéderont à bower install (qui fait partie de l'utilisation d'un nouveau référentiel).
Le fichier ne doit pas faire référence à une carte qui n’y est pas.