找不到资源，路径错误？

Posted 2023-03-13

【中文标题】找不到资源，路径错误？

【英文标题】：Resource not found, wrong path?

【发布时间】：2018-07-18 14:48:49

【问题描述】：

我是否使用了错误的路径来加载我下载的图像？我正在尝试从 about-user.component.html 加载 frank.jpg。

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

【问题讨论】：

将图片放入assets文件夹

然后使用图像的 src 调用它

【参考方案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 的路径

【讨论】：

很高兴为您提供帮助

要引用这张图片，我是否像以前一样导航到它？

assets 就像您的资源文件夹，您可以将要使用的每个图像放在该 assets/image 文件夹中。只有一次你必须编辑 angular-cli.json

@FrankTheTank 不明白你的问题？能解释清楚点吗？

【参考方案2】：

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

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