没找到资源，错误的路径？

Question

我使用错误的路径加载我下载的图片吗？我正在尝试从about-user.component.html加载frank.jpg。

为什么我收到资源的404 not found错误？

Answer 1

您可以使用.angular-cli.json中的assets数组列出要在构建项目时按原样复制的文件或文件夹。

默认情况下，将复制src / assets /文件夹和src / favicon.ico。

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

在资源中制作一个图像文件夹

将您的图片放入该文件夹

然后在angular-cli.json

"assets": [
        "assets",
        "favicon.ico",
        "static/images"
      ]

图像是文件夹名称 然后在src中给出../assets/images/frank.png之类的路径

Answer 2

您使用的任何图片都需要放在assets文件夹中。然后，您可以从那里访问图像。

点击how to access images from assets folder上的此链接。