Problème de chargement statique des ressources d’image Angular 18

Petite ordure · Publié sur 23/07/2024 08:47:59

Exigences : J’ai créé un projet v18 avec angular-cli, créé manuellement le dossier src/assets, puis ajouté une image, et j’ai constaté qu’il n’était pas accessible et j’ai signalé une erreur 404.

Chemin du fichier :src/assets/test.png
Code IMG :<img src="assets/test.png">

Une recherche en ligne a révélé que la structure des fichiers de la version v18 a changé, comme le montre la figure ci-dessous :

D:\360Downloads>tree ng17
La liste PATH du dossier pour le volume Data
Le numéro de série du volume est AA1B-3F2F
D:\360DOWNLOADS\NG17
├─.vscode
└─src
├─app
└─Assets

D:\360Downloads>tree ng18
La liste PATH du dossier pour le volume Data
Le numéro de série du volume est AA1B-3F2F
D:\360DOWNLOADS\NG18
├─.vscode
├─Public
└─src
└─application

Je les ai recréés en utilisant Angular CLI : 18.1.1, Angular CLI : 17.3.8 respectivement, et la commande est la suivante :

La connexion est visible.

J’ai constaté que la version v18 n’a plus le dossier assets, mais le dossier public.

solution

Coupe le dossier assets dans le dossier public.

Référence:

La connexion hyperlientérée est visible.
La connexion hyperlientérée est visible.

[Angulaire] Problème de chargement statique des ressources d’image Angular 18

Articles connexes

Sections vues