Angular 6, après que ng build index.html ait des erreurs dans la console
Je suis confronté à un problème, veuillez m'aider à résoudre ce problème. Le problème est que lorsque je fais ng build dans ma CLI et allez dans le dossier dist et exécutez le fichier index.html pour que la console obtienne les erreurs du chemin des fichiers.
Failed to load resource: net::ERR_FILE_NOT_FOUND
polyfills.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
styles.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
scripts.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
vendor.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
main.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
/D:/favicon.ico:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
La valeur par défaut base pour la propriété href est définie comme / pour angular cli. Si vous construisez le projet et y accédez en ouvrant directement le fichier index.html, tous les .js que le HTML veut charger sera chargé à partir du '/' directory.
Par exemple, si vous utilisez des fenêtres et que votre build est présent dans le C:\users\xys\ng\dist\index.html , et tu as <script type="text/javascript" src="runtime.js"></script> dans votre HTML, le navigateur recherchera le .js fichiers dans C:\runtime.js.
Pour le résoudre, vous pouvez soit copier tous vos fichiers à la racine du lecteur (non suggéré), soit créer un serveur local puis serveur les fichiers statiques de ce serveur (méthode préférée).