本地 angular 应用找不到我的资产文件夹图片

Question

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

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

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

嵌套到 angular.json：projects > projName > architect > build > options > assets（在测试中也是相同的）

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

html 通过将图像从 asset/img 文件夹拖到 html.

创建的 img 标签

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

此外，当我在本地构建项目时，图像位于 dist 中的正确文件夹中，并且 return google [=33= 的网络选项卡中未找到 404 ]，但图像仍然没有出现，它显示了替代文本。

P.S。我已将此项目从 angular 应用程序转换为 monorepo，并将大部分嵌套在更深一层的项目特定文件移动到客户端文件夹中。我的信念是，这可能与它有关，但我不确定除了我所做的那些之外，还需要对项目进行哪些更改才能显示图像。

Answer 1

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

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

希望有用

Local angular app can't find my assets folder images