Blank screen when serve ionic 3

i upgraded my ionic 2 app to ionic 3 i got blank screen when serve this is json file

{
  "name": "ward44",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/common": "4.1.0",
    "@angular/compiler": "4.1.0",
    "@angular/compiler-cli": "4.1.0",
    "@angular/core": "4.1.0",
    "@angular/forms": "4.1.0",
    "@angular/http": "4.1.0",
    "@angular/platform-browser": "4.1.0",
    "@angular/platform-browser-dynamic": "4.1.0",
    "@ionic-native/core": "3.7.0",
    "@ionic-native/splash-screen": "3.7.0",
    "@ionic-native/status-bar": "3.7.0",
    "@ionic/storage": "2.0.1",
    "ionic-angular": "3.2.1",
    "ionicons": "3.0.0",
    "rxjs": "5.1.1",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.10"
  },
  "devDependencies": {
    "@ionic/app-scripts": "1.3.7",
    "@ionic/cli-plugin-cordova": "1.0.0",
    "@ionic/cli-plugin-ionic-angular": "1.0.0",
    "typescript": "2.2.1"
  },
  "description": "An Ionic project"
}



Did you followed this guide: Guide: How to update to Ionic 3.X

1 Like

first of all thank you for your answer
i followed this guide now
but the the problem still exist
:sweat:

finally :slight_smile:the blank screen disapper when i
remove slider

  <ion-slides class="card-background-page" [options]="mySlideOptions" pager>
  <ion-slide *ngFor="let member of members" class="im" >
<img src="data:image/png;base64,{{member.image}}" alt="assets/icon/avatar04.png" />
 <h2 color="dark">{{member.subject}}</h2>
</ion-slide>
</ion-slides> ```

but why this code dont work in ionic 3 and case blank screen

They removed the slider options this is your problem.
Check out the updated docs

1 Like

thanks alot for your help i wish you the best :rose:

1 Like