Некоторые изображения активов не отображаются в приложении Ioni c

Question

Я занимаюсь разработкой приложения ioni c 4 для android и Ios, у меня есть изображения в разных форматах, таких как 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>

Answer 1

Вы можете попробовать использовать:

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

или

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

Answer 2

Даже я сталкивался с этой проблемой, и это можно сделать, используя путь вроде assets/images/image_name

Надеюсь, это будет полезно.