本地角度应用程序找不到我的资产文件夹图像答案

【问题标题】：Local angular app can't find my assets folder images本地角度应用程序找不到我的资产文件夹图像
【发布时间】：2021-01-02 14:18:40
【问题描述】：

我正在本地处理一个项目，但无法显示图像。我相信一切都是正确的，但似乎无法查明或调试这个问题。我得到的错误是：

GET http://localhost:4200/assets/img/SS88.jpg 404 (Not Found)

我认为需要正确的所有内容如下所示。 project folder structure leading to image

嵌套在 angular.json 中：projects > projName > Architects > build > options > assets（在测试中也是一样的）

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

通过将图片从asset/img文件夹拖到html上创建的html img标签。

<img src="../../../assets/img/SS88.jpg" height="183" width="275" alt="pic"/>

此外，当我在本地构建项目时，图像位于 dist 中的正确文件夹中，并且在谷歌浏览器的网络选项卡中没有返回 404 Not Found，但图像仍然没有出现，它显示替代文字。

附：我已将此项目从 Angular 应用程序转换为 monorepo，并将大多数嵌套在更深一层的项目特定文件移动到客户端文件夹中。我认为这可能与此有关，但我不确定在项目中除了我所做的更改之外还需要进行哪些更改才能显示图像。

【问题讨论】：

【解决方案1】：

要显示资产文件夹中的图像，试试这个

<img src="assets/img/SS88.jpg" height="183" width="275" alt="pic"/>

希望有用

【讨论】：