图像未加载到 Angular 9

Question

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

这是它的外观：

图像路径是正确的，我还在资产文件夹中添加了 static 资产，angular-cli 与 default.angular-cli.json 一起使用

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

有什么我想念的吗？

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

Answer 1

经过几次尝试，我得到了它。 由于资产配置为位于 src/assets

"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中写入图像的路径，这样它就可以自动填充图像的路径。