图像不加载角9

Question

HTML文件：

<div>
<img src="/src/assets/img/menu.png" alt="LOGO">
</div>

在这里，New-Google-Logo.png与html文件中的文件夹相同。但是在ng服务之后，html页面加载了其他细节，而不是图像。通过为图像直接提供一个链接(比如www.google.com/ but /x.png)，它可以工作，但是本地文件没有加载。

文件夹树：

src
  -assets
    -img
              - menu.png

以下是它的外观：

图像路径是正确的，我还在资产文件夹中添加了静态资产，其中角-cli使用默认的.角-cli.json。

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

我遗漏了什么吗？

编辑2:我在控制台get localhost中得到这个错误:4200/src/assets/img/menu.png 404 (未找到)

Answer 1

经过几次尝试，我终于明白了。因为资产被配置为位于src/资产中。

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

您应该这样添加路径：

<div>
<img src="./assets/img/menu.png" alt="LOGO">
</div>

Answer 2

1.您可以尝试停止nodejs服务器，然后将文件名更改为新的。2.如果图像是.png、.jpeg或smth，则可以重复检查其扩展。3.我建议在IDE中缓慢地手动编写图像的路径，这样它就可以自动填充图像的路径。