Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Architect_Programmer_Code Rede Agrícola»Arquiteto › Design front-end & web › Quadro frontal › Problema de carregamento estático de recursos na imagem Angular 18
Vista: 2829|Resposta: 0

[Angular] Problema de carregamento estático de recursos na imagem Angular 18

[Copiar link]
Publicado em 23/07/2024 08:47:59 | | | |
Requisitos: Criei um projeto v18 usando angular-cli, criei manualmente a pasta src/assets, coloquei uma imagem e descobri que não podia ser acessada, e reportei um erro 404.

Caminho do Arquivo:src/assets/test.png
Código IMG:<img src="assets/test.png">

Uma busca online revelou que a estrutura de arquivos da versão v18 mudou, como mostrado na figura abaixo:



D:\360Downloads>tree ng17
A lista de PATH da pasta para o volume Data
O número de série do volume é AA1B-3F2F
D:\360DOWNLOADS\NG17
├─.vscode
└─src
    ├─app
    └─ativos

D:\360Downloads>tree ng18
A lista de PATH da pasta para o volume Data
O número de série do volume é AA1B-3F2F
D:\360DOWNLOADS\NG18
├─.vscode
├─público
└─src
    └─app
Eu os recriei usando Angular CLI: 18.1.1, Angular CLI: 17.3.8, respectivamente, e o comando é o seguinte:

Percebi que a versão v18 não tem mais a pasta de assets, mas sim a pasta pública.

solução

Prenda a pasta de assets na pasta pública.

Referência:

O login do hiperlink está visível.
O login do hiperlink está visível.





Anterior:2024 Python Software do Vale do Silício + Tutoriais + Material Didático
Próximo:Duas ou três coisas sobre Memória Compartilhada

Posts Relacionados
Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.
Mail To:help@itsvse.com