HTML文件:
<div>
<img src="/src/assets/img/menu.png" alt="LOGO">
</div>
此处New-Google-Logo.png与html文件位于同一文件夹中。但是在ng服务后,html页面会加载其他详细信息,而不是图像。通过直接为图像提供链接(例如www.google.com/images/x.png)进行了尝试,它可以工作,但本地文件未加载。
文件夹树:
src
-assets
-img
- menu.png
图像路径是正确的,我也已在资产文件夹中添加了静态资产,该文件夹中的angular-cli默认使用.angular-cli.json
"assets": [
"src/favicon.ico",
"src/assets"
]
我有什么想念的吗?
编辑2:我在控制台中收到此错误GET localhost:4200 / src / assets / img / menu.png 404(未找到)
1。您可以尝试停止nodejs服务器,然后将文件名更改为新名称。2.如果是.png .jpeg或smth,则可以再次检查图像的扩展名。3.我建议您在IDE中缓慢地手动写入图像的路径,以便它可以自动填充图像的路径。