web-dev-qa-db-fra.com

Chrome ne charge pas les cartes sources CSS?

Jusqu'à récemment, mon navigateur Chrome chargeait correctement les fichiers de carte source CSS. Maintenant, ce n'est pas le cas.

Le réglage est activé:

enter image description here

Et les fichiers CSS ont une balise de mappage source en bas:

/*# sourceMappingURL=Home.cshtml.css.map */

Mais l'onglet Réseau et Fiddler2 montrent que Chrome n'essaie même pas de charger le fichier de carte source.

Y a-t-il quelque chose qui me manque? La syntaxe sourceMappingURL est-elle correcte? J'ai activé/désactivé le paramètre "Activer les cartes source CSS".

version Chrome: 44.0.2403.30 beta-m

fichiers Sourcemap générés par Web Essentials dans VS 2013.

cssgoogle-chromeweb-essentialssource-maps
25
Glen Little

Vous pouvez essayer les étapes suivantes:

1- supprimez le fichier de carte et régénérez-le à nouveau.

2- A l'aide de l'inspecteur chrome, allez dans Paramètres> Général puis cliquez sur le bouton "Restaurer les valeurs par défaut et recharger"

9
alaahd

Lorsque le fichier CSS a le sourcemapping incorporé en base64, il semble fonctionner correctement.

Par exemple:

/*# sourceMappingURL=data:application/json;base64,eyJ2....5235== */
2
Glen Little

Votre code semble correct, la seule raison pour laquelle il ne reflète pas les modifications car vous chargez le fichier CSS mis en cache. Pour charger le nouveau fichier CSS, vous devez maintenez shift et appuyez sur le bouton de rechargement demander chrome pour recharger tous les fichiers au lieu de le charger à partir de l'argent.

0
Ismail Al.Mahdi

OMG! Le problème m'a rendu fou! J'ai trouvé que le fichier CSS n'est pas complet. Voici ce que j'ai fait pour résoudre le problème:

  1. Assurez-vous que les cartes CSS sont activées dans les paramètres des outils de développement.
  2. Vérifiez la fin du fichier CSS s'il contient un lien vers la carte source.
  3. Appuyez sur Shift + Click on the refresh button pour forcer la mise à jour des ressources.
0
ILYAS_Kerbal