[Angular 9中未加载图像

问题描述 投票:0回答:1

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

Here's how it looks :

图像路径是正确的,我也已在资产文件夹中添加了静态资产,该文件夹中的angular-cli默认使用.angular-cli.json

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

我有什么想念的吗?

编辑2:我在控制台中收到此错误GET localhost:4200 / src / assets / img / menu.png 404(未找到)

html css angular
1个回答
0
投票

1。您可以尝试停止nodejs服务器,然后将文件名更改为新名称。2.如果是.png .jpeg或smth,则可以再次检查图像的扩展名。3.我建议您在IDE中缓慢地手动写入图像的路径,以便它可以自动填充图像的路径。

© www.soinside.com 2019 - 2024. All rights reserved.