无法在我的 angular 项目中加载 Img/svg
Cannot load Img/svg in my angular project
所以我刚刚开始了一个新项目
我已经有一个里面有图片的文件夹
我将文件夹移到我的项目中，现在该文件夹位于文件夹 src 下
( project/src/images )
现在在我的 app.component.html 我正在使用：
<img src = "../images/shared/logo.svg"
logo.svg 位于图像文件夹 (project/src/images/shared/logo.svg)[=27= 中的共享文件夹中]
我在开始时使用“../”从 app.component.html 所在的应用程序文件夹返回一个文件夹..
无论如何，当我使用 npm start 加载页面时
它不会加载 photo/img/icon..
它也在控制台中说：
logo.svg:1 GET http://localhost:4200/images/shared/logo.svg 404（未找到）
默认情况下 Anular project structure 有一个专用文件夹 src/assets，您应该在其中保存图像和其他资产文件。可以在 angular.json
中配置资产文件夹
"assets": ["src/favicon.ico", "src/assets"]
不过，解决问题最简单的方法是将 images 文件夹移动到 src/assets
<img src="assets/images/shared/logo.svg" />
所以我刚刚开始了一个新项目 我已经有一个里面有图片的文件夹 我将文件夹移到我的项目中，现在该文件夹位于文件夹 src 下 ( project/src/images ) 现在在我的 app.component.html 我正在使用：
<img src = "../images/shared/logo.svg"
logo.svg 位于图像文件夹 (project/src/images/shared/logo.svg)[=27= 中的共享文件夹中]
我在开始时使用“../”从 app.component.html 所在的应用程序文件夹返回一个文件夹..
无论如何，当我使用 npm start 加载页面时 它不会加载 photo/img/icon.. 它也在控制台中说： logo.svg:1 GET http://localhost:4200/images/shared/logo.svg 404（未找到）
默认情况下 Anular project structure 有一个专用文件夹 src/assets，您应该在其中保存图像和其他资产文件。可以在 angular.json
中配置资产文件夹"assets": ["src/favicon.ico", "src/assets"]
不过，解决问题最简单的方法是将 images 文件夹移动到 src/assets
<img src="assets/images/shared/logo.svg" />