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

Posted 2023-03-13

【中文标题】某些资产图像未在 Ionic 应用程序中显示

【英文标题】：Some asset Images are not showing in Ionic app

【发布时间】：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，否则它根本不会提供它。

【参考方案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