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

【问题标题】：Cannot load Img/svg in my angular project无法在我的角度项目中加载 Img/svg
【发布时间】：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（未找到）

【问题讨论】：

【解决方案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" />

【讨论】：