Angular 7无法加载图像

Question

加载图像时出现404错误。

angular.json：

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

[wQueen.png位于/ assets中，并复制到整个项目中的每个其他目录中。

尽管wQueen.png出现在这些目录的每一个以及数百个其他目录中，并且授予了所有文件，目录的权限，但我总是总是得到404。

我已经尝试了以下所有方法：

<img width="100" src="wQueen.png"/>
<img width="100" src="/wQueen.png"/>
<img width="100" src="./wQueen.png"/>
<img width="100" src="../wQueen.png"/>
<img width="100" src="./../wQueen.png"/>
<img width="100" src="../../wQueen.png"/>
<img width="100" src="src/wQueen.png"/>
<img width="100" src="/src/wQueen.png"/>
<img width="100" src="app/wQueen.png"/>
<img width="100" src="/app/wQueen.png"/>
<img width="100" src="assets/wQueen.png"/>
<img width="100" src="/assets/wQueen.png"/>
<img width="100" src="app/assets/wQueen.png"/>
<img width="100" src="/app/assets/wQueen.png"/>
<img width="100" src="src/app/assets/wQueen.png"/>
<img width="100" src="/src/app/assets/wQueen.png"/>
<img width="100" src="./src/wQueen.png"/>
<img width="100" src="../src/wQueen.png"/>
<img width="100" src="./app/wQueen.png"/>
<img width="100" src="../app/wQueen.png"/>
<img width="100" src="./assets/wQueen.png"/>
<img width="100" src="../assets/wQueen.png"/>
<img width="100" src="./app/assets/wQueen.png"/>
<img width="100" src="../app/assets/wQueen.png"/>
<img width="100" src="./src/app/assets/wQueen.png"/>
<img width="100" src="../src/app/assets/wQueen.png"/>

Answer 1

src / app / assets必须位于配置的资产部分中。然后由html中的app / assets引用。与文档相反。