在 android 上构建 ionic 3.20.0 应用程序时不显示缩略图

Question

我的应用在浏览器中运行良好。当我运行“ionic cordova run android --device”时，应用程序仍然可以正常工作，只有链接列表中的缩略图不显示。我尝试了 png 和 jpeg。 链接列表在我将 imgs 引用为的主页中

export class HomePage {
    pages: Array<{title: string, component: any, img: string}>;

  constructor(public navCtrl: NavController) {
    this.pages = [
      { title: 'Sierpinskidrüegg', component: SierpPage, img: "../../assets/imgs/sierp1.jpeg"},
  { title: 'Es Angers Sierpinskidrüegg', component: Sierp2Page, img: '../../assets/imgs/sierp2.jpeg'},
  { title: 'Lorenzattraktor', component: LorenzPage, img: '../../assets/imgs/lorenz.jpeg'}];

HTML：

<ion-list>
      <ion-item *ngFor="let p of pages" (click)="openPage(p)">
        <ion-thumbnail item-start>
          <img [src]="p.img">
        </ion-thumbnail>
        <h2>{{p.title}}</h2>
      </ion-item>
    </ion-list>

正如我所说，在浏览器中，一切都是我所期望的。我无法将它们加载到我的华为上。 我什至不知道我应该用什么关键字来搜索答案。

感谢您的帮助。

Answer 1

需要更改page数组img

    this.pages = [
      { title: 'Sierpinskidrüegg', component: SierpPage, img: "assets/imgs/sierp1.jpeg"},
  { title: 'Es Angers Sierpinskidrüegg', component: Sierp2Page, img: 'assets/imgs/sierp2.jpeg'},
  { title: 'Lorenzattraktor', component: LorenzPage, img: 'assets/imgs/lorenz.jpeg'}];