找不到资源，路径错误？

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"
      ]

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

Answer 2

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

在how to access images from assets folder上查看此链接。