某些资产图像未在 Ionic 应用程序中显示答案

【问题标题】：Some asset Images are not showing in Ionic app某些资产图像未在 Ionic 应用程序中显示
【发布时间】：2020-05-28 17:13:39
【问题描述】：

我正在为 android 和 Ios 开发 ionic 4 应用程序，我有不同格式的图像，如 svg 和 png 格式。但是，在幻灯片菜单中只显示 svg 格式的图像，

    public appPages = [
    {
      title: "Alarm Home",
      url: "/home",
      icon: "home.svg"
    },
    {
      title: "Alarm List",
      url: "/totalalarms",
      icon: "list.png"
    },
    {
      title: "My Notifications",
      url: "/notification",
      icon: "bell.png"
    },
    {
      title: "About",
      url: "/about",
      icon: "info.png"
    }
  ];

在 HTML 中

  <ion-item [routerDirection]="'root'" (click)='selectedSlideOption(p.url)'>
    <ion-icon slot="start" src="./assets/img/{{p.icon}}"></ion-icon>
    <ion-label>
      {{p.title}}
    </ion-label>
  </ion-item>

【问题讨论】：

一个。使用src="assets/.../myimage.png" 两个。确保在将新文件添加到资产文件夹后重新启动 ng serve，否则它根本不会提供它。

标签： html angular typescript npm ionic4

【解决方案1】：

您可以尝试使用：

<img [src]="/assets/img/{{p.icon}}" style="width: 20px" />

或

<ion-img [src]="/assets/img/{{p.icon}}" style="width: 20px"></ion-img>

【讨论】：

【解决方案2】：

即使我遇到了这个问题，也可以使用assets/images/image_name 之类的路径来完成

希望这会有所帮助。

【讨论】：

但它显示的是同一文件夹中的 svg 格式图像
希望这会有所帮助link