web-dev-qa-db-fra.com

Erreur MIME avec Angular 8 dans Firebase Hosting

J'ai une Angular 8 qui est hébergée sur Firebase et est exécutée côté client par: Go-Astilectron (Astilectron 0.30 et Electron 4.0.1) .

Le problème est que j'obtiens l'erreur ci-dessous dans certains de mes clients (cela se produit juste au moment où le code Angular est en cours de chargement, donc l'Astilectron affiche simplement une page vierge):

Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.
main-es2015.5a90aaf45a8347384655.js:1 

Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

Dans certains cas, nous avons réussi à résoudre ce problème en rechargeant simplement la page, mais dans d'autres, quoi que je fasse, la page ne se charge pas.

J'ai fait quelques recherches et découvert que cela pourrait être lié à l'application enregistrant un travailleur de service, mais ce n'est pas mon cas.

De plus, comme je suis au service d'un site statique utilisant Firebase Hosting, je n'ai fait aucune configuration MIME.

Quelqu'un peut-il m'aider?

angularfirebaseelectronfirebase-hosting
6
Felipe

Assurez-vous que dans index.html le head comprend:

<base href="/">

Voir: https://github.com/angular/angular-cli/issues/10325#issuecomment-3993290

Cette erreur se produit également lors de l'exécution des serveurs Python sur les machines Windows où les types MIME du Registre ne sont pas définis correctement.

Voir: https://github.com/pallets/flask/issues/1045#issuecomment-42202749

1
Christopher Peisert

J'ai eu ce problème.

Accédez à angular.js et vérifiez la valeur de "outputPath". S'il est défini sur quelque chose comme "dist/votre-nom-de-projet", essayez de le changer en "dist /", redéployez puis effectuez une actualisation matérielle (Ctrl + F5) de votre site.

0
alexania

Pour moi, Cache vide et rechargement dur du navigateur a résolu le problème.

0
akelec

J'ai résolu ce problème en exécutant simplement npm cache clear -f puis actualisation du navigateur.

J'espère que cela t'aides!

0
frymire1