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

我正在为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>

{{p.title}}

甚至我也遇到了这个问题，这可以通过使用类似于

资产/images/image\u name的路径来实现

希望这会有所帮助。
您可以尝试使用：

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



或

但它显示了相同文件夹中的svg格式的图像，希望这会有所帮助。使用
src=“assets/../myimage.png”
two。确保在将新文件添加到“资产”文件夹后重新启动
ng serve
，否则它将无法提供服务。
<ion-img [src]="/assets/img/{{p.icon}}" style="width: 20px"></ion-img>