所以我剛剛開始了一個新專案,我已經有一個包含影像的檔案夾,我將檔案夾移動到我的專案中,現在該檔案夾位于檔案夾 src ( project/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 加載頁面時,它不會加載照片/img/icon ..也在控制臺中顯示: logo.svg:1 GET http://localhost:4200/images/shared/logo.svg 404 (未找到)
uj5u.com熱心網友回復:
默認情況下,Anular 專案結構有一個專用檔案夾src/assets,您應該在其中保存影像和其他資產檔案。可以在angular.json 中配置 assets 檔案夾
"assets": ["src/favicon.ico", "src/assets"]
但是,解決問題的最簡單方法是將影像檔案夾移動到src/assets
<img src="assets/images/shared/logo.svg" />
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/361060.html
上一篇:使用復選框切換svg圓圈顏色
