时间戳

首页 > 解决方案 > 所有图像都在错误的路径控制台错误

angular - 所有图像都在错误的路径控制台错误

问题描述

我正在尝试通过数据数组实现图像，而它显示找不到图像。

滑动界面

export interface Image {
  title: string;
  url: string;
}

幻灯片组件.ts

  public images = IMAGES;
}


var IMAGES: Image[] = [
  { "title": "We are covered", "url": "../../images/cover1.jpeg" },
  { "title": "Generation Gap", "url": "../../images/cover2.jpeg" },
  { "title": "Potter Me", "url": "../images/cover3.jpeg" },

];

文件夹结构 image home -> slide -> slide.component.ts 该文件名为slide.component.ts，位于名为slide 的文件夹中，slide 文件夹位于Home 文件夹中。在 Home 文件夹之外，还有另一个名为 images 的文件夹。所以我假设我正确描述了路径，那么有什么问题？

标签： angular

解决方案

如果您希望所有图像在所有类型的构建和常规服务中都能正常工作，您应该将它们放在src/assets文件夹中，最后您的路径应该类似于../assets/image-file.png. 并且不要忘记将这些资产包括在.angular-cli.json：

"apps": [
  {
    "assets": [
      "assets",
      ...
    ],
    ...
  }
];

推荐阅读