web-dev-qa-db-fra.com

ionic / angular2 - Refusé d'appliquer le style de 'http: // localhost: 8100 / build / main.css' car son type MIME ('text / html') n'est pas pris en charge

Mon ionic build fonctionnait parfaitement jusqu'à ce que je veuille tester sur mon iPhone donc j'ai arrêté mon serveur et puis j'ai fait un ionic serve --address localhost et j'ai remarqué que ma feuille de style ne se chargeait plus ... alors j'ai tué le serveur, je suis retourné à ionic serve et l'erreur a persisté ..

(index): 1 Refusé d'appliquer le style de ' http: // localhost: 8100/build/main.css ' car son type MIME ('text/html') n'est pas un type MIME de feuille de style pris en charge et la vérification MIME stricte est activée.

J'ai essayé de vider le cache sur localhost:8100 et reconstruire le projet mais l'erreur persiste ...

Des idées? Je suis à peu près coincé jusqu'à ce que cela soit résolu :(

Edit: La façon dont j'ai fini par le réparer n'est peut-être pas la meilleure .. mais au moins ça marche à nouveau. Je viens d'entrer dans mon dépôt github pour que mon application télécharge le main.css et l'ai collé dans le dossier build et je n'ai pas eu de problème depuis.

javascriptangularionic-frameworkionic2
7
Simon

J'ai suivi ces instructions qui ont été publiées sur ionic framework forum.

Étapes : servez votre projet avec ionic serve, puis modifiez tout fichier .ts et enregistrez-le (ctrl+s) et il se reconstruira automatiquement et servira l'application et l'erreur sera résolue, espérons-le :).

Remarque: vous devez le faire à chaque fois sur le service initial ionic

consultez la réponse complète ici

4
Junaid

Je pense qu'il peut y avoir des problèmes de compatibilité avec Webpack (ou d'autres packages). Cela semble avoir été introduit avec la version 3.2 de @ ionic/app-scripts. *. Utilisez n'importe quelle version jusqu'à 3.1.11 et ce problème ne se produit PAS. Je suggère de faire ce qui suit:

  • dans votre package.json, changez la version de @ ionic/app-scripts en "@ ionic/app-scripts": "^ 3.1.11"
  • supprimer le fichier package-lock.json
  • supprimez votre dossier node_module
  • exécuter installation npm
  • assurez-vous que la version de @ ionic/app-scripts est inférieure à 3.2
1
TheCount

FYI a rencontré exactement le même problème après la mise à niveau du webpack. Ma version de webpack était ^ 3.11.0, puis est passée à 4.x.x, ce qui a causé beaucoup de problèmes. Vous recommandons de rétrograder le webpack jusqu'à ce que ionic prend en charge la nouvelle version du webpack.

1
Christo Goosen

Dans mon cas, le simple fait d'enregistrer mon index.html s'est débarrassé du problème.

De plus, je dois annuler (supprimer) mes liens symboliques et utiliser des copies réelles de dossiers d'un projet sœur similaire. :(

0
Marie

J'ai eu le même problème, avec Ionic 3.

Pour une solution au problème, j'ajoute le type dans la balise correspondante comme ceci:

<script type="application/javascript" src="assets/js/lalalala.js"></script>
<script type="application/javascript" src="assets/js/lalala.js"></script>

(Dans mon cas, le problème était avec JS) Ensuite, il faut redémarrer l'application avec "ionic serve", sinon le problème persiste.

0
Izas