Need help converting template from Ionic 2 to 3 -- Tabs & Side Menu

[mlibby]

Thank you again Sujan12: Success - the guide helped!

Here’s a recap of my steps incase anyone follows along…

1. Download and extract the zip (https://market.ionic.io/starters/tabs-and-menu-starter)
2. Update Ionic components: Update package.json to match the following dependencies

"dependencies": {
  "@angular/common": "4.1.2",
  "@angular/compiler": "4.1.2",
  "@angular/compiler-cli": "4.1.2",
  "@angular/core": "4.1.2",
  "@angular/forms": "4.1.2",
  "@angular/http": "4.1.2",
  "@angular/platform-browser": "4.1.2",
  "@angular/platform-browser-dynamic": "4.1.2",
  "@ionic-native/core": "3.10.2",
  "@ionic-native/splash-screen": "3.10.2",
  "@ionic-native/status-bar": "3.10.2",
  "@ionic/storage": "2.0.1",
  "ionic-angular": "3.3.0",
  "ionicons": "3.0.0",
  "rxjs": "5.1.1",
  "sw-toolbox": "3.6.0",
  "zone.js": "0.8.11"
},
"devDependencies": {
  "@ionic/app-scripts": "1.3.7",
  "typescript": "2.3.3"
}

3. Open command, navigate to project root and run:
   a) npm install
   b) npm install --save-dev --save-exact @ionic/cli-plugin-ionic-angular@latest
   c) npm install --save-dev --save-exact @ionic/cli-plugin-cordova@latest
   d) npm install @ionic-native/core --save
   e) Cordova platform add android --save
   f) Cordova platform add ios --save

4. Change all places in app.module.ts referencing @ionic-native to @ionic-native/core

5. Changed “import { StatusBar, Splashscreen } from ‘ionic-native’;”
   b) To: “import { StatusBar } from ‘ionic-native/status-bar’;” and import { SplashScreen } from ‘ionic-native/splash-screen’;
   c) Add:
   Import {BrowserModule} from ‘@angular/platform-browser’;
   Imports:[
   BrowserModule,
   IonicModule.forRoot(MyApp)
   ],
   d) Updated reference SplashScreen in code to Splashscreen
   e) Commented out line Splashscreen.hide and StatusBar.styleDefault
   a. Need to read docs to figure out replacement calls.

Get stuck… Follow Guide