Lorsque j'exécute le service ionique, les erreurs suivantes s'affichent:
Refus de charger l'image ' http: // localhost: 8100 / favicon.ico ' car elle enfreint la directive de politique de sécurité du contenu suivante: "default-src 'none'". Notez que 'img-src' n'a pas été défini explicitement, donc 'default-src' est utilisé comme solution de secours.
Échec du chargement de la ressource: le serveur a répondu avec un état de 404 (non trouvé)
Comment puis-je résoudre ça?
12 Réponses :
Ionic inclut l'icône de favicon par défaut dans le fichier index.html.
<link rel="icon" type="image/png" href="assets/icon/favicon.png" />
Vous pouvez mettre votre icône favicon dans "actifs / icône" et remplacer href ci-dessus.
Essayez de changer le navigateur, j'ai corrigé ce problème en cliquant sur la ressource URL qui a ouvert Firefox et j'ai pu tester l'application normalement sur Firefox
J'ai eu le même problème après une mise à niveau. J'ai résolu le problème en:
npm rebuild node-sass
J'ai eu le même problème. J'ai pu le résoudre. J'ai corrigé le fichier de routage, j'avais une route qui ne pouvait pas se charger car une autre route était d'ordre supérieur.
J'ai eu le même message d'erreur.
En regardant à travers les journaux imprimés en faisant
service ionique
m'a montré un tas d'erreurs, toutes similaires à ça
[ng] ERROR in ./src/global.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/global.scss) [ng] Module build failed (from ./node_modules/sass-loader/lib/loader.js): [ng] Error: Cannot find module 'node-sass' [ng] Require stack:
Cela m'a amené à remettre l'application en marche en
npm installer node-sass --save
Le processus de compilation crache parfois des messages d'erreur assez déroutants de temps en temps, mais avec un peu de fouille, on peut commencer à deviner par où commencer à piquer
J'ai eu le même problème mais résolu en utilisant la solution ci-dessous.
<link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico" />
J'ai utilisé le fichier .ico au lieu du fichier .png et cela fonctionne pour moi. essayez une fois.
J'obtiens la même erreur plusieurs fois, cette erreur jette lorsque vous avez manqué un petit problème comme un mauvais chemin d'image ou que vous oubliez d'écrire une déclaration d'importation de tout module / service / composant.Cette erreur s'affichera dans le terminal lorsque vous exécutez votre projet. votre projet
J'ai eu exactement le même problème. Je vous conseille de jeter un œil à votre Terminal en VSCode (ou le terminal standard si vous l'avez lancé par là) et de rechercher un message ERREUR.
Le problème n'est probablement pas le contenu de favicon.ico blabla mais un autre élément de votre application, quelque chose dans un document .ts par exemple. Via Terminal, vous pouvez le rechercher d'une meilleure manière que Chrome, qui vous montre ce message sans rapport.
J'ai aussi rencontré la même erreur.Dans mon cas, j'ai fait une erreur lors de l'importation du fichier
importer {IUser} depuis 'src / app / shared / interfaces / IUser
Le chemin modifié comme ci-dessous est une erreur fixe.
importer {IUser} depuis './shared/interfaces/IUser
Vérifiez votre fichier d'importation. ça pourrait aider
J'ai eu la même erreur lorsque j'ai téléchargé une nouvelle branche du projet, je viens d'exécuter npm install des derniers composants
J'ai résolu en créant la copie favicon.png
de assets/icon/favicon.png
dans le dossier root
projet et le renommer en favicon.ico
, et aussi le mettre sur assets/icon/favicon.ico
et vérifiez également cette réponse.
J'ai eu cette erreur et c'était parce que j'avais inclus une importation que je n'utilisais pas réellement. Dans mon exemple, j'avais accidentellement importé Console lors de l'utilisation de console.log.
J'obtenais l'erreur TS2307: Impossible de trouver le module «console». dans le terminal VS Code, mais mon erreur dans Chrome était "Refusé de charger l'image 'http: // localhost: 8100 / favicon.ico' car elle enfreint la directive de politique de sécurité du contenu suivante:" default-src 'none' ". Notez que 'img-src' n'a pas été défini explicitement, donc 'default-src' est utilisé comme solution de secours.
Échec du chargement de la ressource: le serveur a répondu avec un état de 404 (introuvable) "
Sachez donc que cette erreur n'est pas forcément liée au favicon.
pour ce que ça vaut, le complicateur Ionic s'améliore, et si vous rencontrez ce problème aujourd'hui, la CLI (la fenêtre du terminal) devrait vous montrer l'erreur réelle au lieu de ce message
Le commentaire ci-dessus s'est avéré plus précieux que n'importe laquelle des réponses ci-dessous!