无法在我的角度项目中加载 Img/svg

Posted 2023-03-28

【中文标题】无法在我的角度项目中加载 Img/svg

【英文标题】：Cannot load Img/svg in my angular project

【发布时间】：2021-12-30 04:34:03

【问题描述】：

所以我刚刚开始了一个新项目 我已经有一个里面有图片的文件夹 我将文件夹移到我的项目中，现在该文件夹位于文件夹 src 下 （项目/src/images） 现在在我的 app.component.html 我正在使用：

<img src = "../images/shared/logo.svg"

logo.svg 位于图像文件夹中的共享文件夹中(project/src/images/shared/logo.svg)

一开始我使用“../”从app.component.html所在的app文件夹返回一个文件夹..

无论如何，当我使用 npm start 加载页面时 它不会加载照片/图像/图标.. 也在控制台中说： logo.svg:1 GET http://localhost:4200/images/shared/logo.svg 404（未找到）

【问题讨论】：

检查 html 中的基本 href 值应该是 ` \ `

【参考方案1】：

默认情况下Anular project structure 有一个专用文件夹src/assets，您应该在其中保存图像和其他资产文件。可以在 angular.json

中配置 assets 文件夹

"assets": ["src/favicon.ico", "src/assets"]

不过，解决问题的最简单方法是将 images 文件夹移动到 src/assets

<img src="assets/images/shared/logo.svg" />