所有图像的路径控制台错误

Question

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

幻灯片界面

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

slide.component.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" },

];

文件夹结构 图片 主页->幻灯片-> slide.component.ts 该文件名为slide.component.ts，位于名为slide的文件夹中，而slide文件夹位于Home文件夹中。 在主文件夹之外，还有另一个名为images的文件夹。所以我假设我正确地描述了路径，这是怎么回事？

Answer 1

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

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