Problema de carga de recursos estáticos en imagen Angular 18

Pequeña basura · Publicado en 23/7/2024 8:47:59

Requisitos: Creé un proyecto v18 usando angular-cli, creé manualmente la carpeta src/assets y puse una imagen, y vi que no se podía acceder a ella y reporté un error 404.

Ruta del archivo:src/assets/test.png
Código IMG:<img src="assets/test.png">

Una búsqueda en línea encontró que la estructura de archivos de la versión v18 ha cambiado, como se muestra en la figura siguiente:

D:\360Downloads>tree ng17
La lista PATH de la carpeta para el volumen Data
El número de serie del volumen es AA1B-3F2F
D:\360DOWNLOADS\NG17
├─.vscode
└─src
├─app
└─activos

D:\360Downloads>tree ng18
La lista PATH de la carpeta para el volumen Data
El número de serie del volumen es AA1B-3F2F
D:\360DOWNLOADS\NG18
├─.vscode
├─público
└─src
└─app

Los recreé usando Angular CLI: 18.1.1, Angular CLI: 17.3.8 respectivamente, y el comando es el siguiente:

El inicio de sesión es visible.

He visto que la versión v18 ya no tiene la carpeta de assets, sino la carpeta pública.

solución

Corta la carpeta de assets en la carpeta pública.

Referencia:

El inicio de sesión del hipervínculo es visible.
El inicio de sesión del hipervínculo es visible.

[Angular] Problema de carga de recursos estáticos en imagen Angular 18

Publicaciones relacionadas

Secciones vistas