Slide pager disappear in android production release

Ionic Framework ionic-v3
1

Hi,

I have encountered a weird issue. When Slide pager which is loaded when app started, it works fine for android debug version, and both debug and release version for iOS. The pager disappear when run/build with the following options:

ionic cordova run android --prod --release

However, if i load the slides through menu in the android production release, the pager appears. Just wondering what is causing this ? The following are the ionic info, thx in advanced.

Cheers,
Thum Ching Kuan

cli packages: (/Users/ckthum/workspace/homecare/workspace/homecarePatientApp/node_modules)

@ionic/cli-utils  : 1.9.2
ionic (Ionic CLI) : 3.9.2

global packages:

Cordova CLI : 7.0.1

local packages:

@ionic/app-scripts : 2.1.4
Cordova Platforms  : android 6.2.3 ios 4.4.0
Ionic Framework    : ionic-angular 3.6.0

System:

Android SDK Tools : 24.4.1
ios-deploy        : 1.9.1 
ios-sim           : 5.0.3 
Node              : v8.4.0
npm               : 5.3.0 
OS                : macOS Sierra
Xcode             : Xcode 8.3.3 Build version 8E3004b
2

Forgot to attached the html code:

<ion-content>
<ion-slides pager>
<ion-slide *ngFor=“let slide of slides” [ngStyle]="{‘background-color’: slide.color}">


<button ion-button small round (click)=“goToHome()”>{{ “SLIDES.SKIP” | translate }}

<img *ngIf=“translate.currentLang == ‘zh_CN’” [src]=“slide.image_zh_CN” class=“slide-image”/>
<img *ngIf=“translate.currentLang != ‘zh_CN’” [src]=“slide.image” class=“slide-image”/>

<b *ngIf=“translate.currentLang == ‘zh_CN’” class=“slide-title” [innerHTML]=“slide.title_zh_CN”>
<b *ngIf="translate.currentLang != ‘zh_CN’"class=“slide-title” [innerHTML]=“slide.title”>
<p *ngIf=“translate.currentLang == ‘zh_CN’” [innerHTML]=“slide.description_zh_CN”>


<p *ngIf=“translate.currentLang != ‘zh_CN’”[innerHTML]=“slide.description”>

  <img *ngIf="translate.currentLang == 'zh_CN'" src="assets/img/8-cn.png" class="slide-image"/><br>
  <img *ngIf="translate.currentLang != 'zh_CN'" src="assets/img/8-en.png" class="slide-image"/><br>
  <b *ngIf="translate.currentLang == 'zh_CN'" class="slide-title">您需要登记以预约医师！</b><br>
  <b *ngIf="translate.currentLang != 'zh_CN'" class="slide-title">You need to register to make appointment!</b><br>
  <button ion-button clear icon-right color="primary" (click)="goToLogin()">
    <span *ngIf="translate.currentLang == 'zh_CN'">登记</span><br>
    <span *ngIf="translate.currentLang != 'zh_CN'">Register</span><br>
    <ion-icon name="arrow-forward"></ion-icon>
  </button>
  <button ion-button clear icon-right color="primary" (click)="goToHome()">
    <span *ngIf="translate.currentLang == 'zh_CN'">继续</span>
    <span *ngIf="translate.currentLang != 'zh_CN'">Continue</span>
    <ion-icon name="arrow-forward"></ion-icon>
  </button>
</ion-slide>
3

It ends up the problem is due to crosswalk.
Uninstall crosswalk, remove and reinstall android platform solve the problem.
However, without crosswalk, the app doesn’t work with android 4.4.4, has to be 5.0 and above, :frowning: