本地 angular 應用程序找不到我的資產文件夾圖像

Question

我正在本地開展一個項目，但無法顯示圖像。 我相信一切都是正確的，但似乎無法查明或調試這個問題。 我得到的錯誤是這樣的：

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

我認為需要正確的所有內容如下所示。 項目文件夾結構導致圖像

嵌套到 angular.json 中：projects > projName > Architect > build > options > assets（在測試中也是相同的）

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

通過將圖像從資產/img 文件夾拖到 html 上創建的 html img 標簽。

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

此外，當我在本地構建項目時，圖像位於 dist 中的正確文件夾中，並且它不會在 google chrome 的網絡選項卡中返回 404 Not Found，但圖像仍然沒有出現，它顯示了替代文本。

PS 我已將此項目從 angular 應用程序轉換為 monorepo，並將大多數項目特定文件移動到更深一層的客戶端文件夾中。 我的信念是這可能與它有關，但我不確定除了我所做的更改之外，該項目還需要進行哪些更改才能顯示圖像。

Answer 1

要顯示資產文件夾中的圖像，請嘗試此操作

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

希望有用