In this chapter you’ve used Ionic’s code generator to create some pages.
You got to know the app-routing.module.ts file, which defines the routes to the pages of an app.
You now know how to use ActivatedRoute to transfer data from one app page to the next.
You’ve got a pro tip to use the Augury Chrome Plugin to visualize the router tree of an app.

Any remarks or questions?

3 comments

  1. Josef Rappo

    Reply

    Thank you for your fast informations. Seems …/ngx is th falsse route in my case. When I remove /ngx I get the following errors:
    Error: src/app/app.component.ts:50:27 – error TS2749: ‘SplashScreen’ refers to a value, but is being used as a type here. Did you mean ‘typeof SplashScreen’?
    50 private splashScreen: SplashScreen,
    Error: src/app/app.component.ts:51:24 – error TS2749: ‘StatusBar’ refers to a value, but is being used as a type here. Did you mean ‘typeof StatusBar’?
    51 private statusBar: StatusBar

  2. Andionic

    Reply

    Hi Josef, you can try the following:
    1. Run ionic build (before ionic serve)
    2. Ctrl+C to quit, then in terminal type npm update, finally run ionic serve again
    3. Run ionic build --verbose before ionic serve
    4. Check your dependencies and versions, e.g. for @ionic/angular 4.11.6 and ionic cli 6.0+, @ionic-native/splash-screen/ngx does not exist, the solution is to remove /ngx.

  3. Josef Rappo

    Reply

    The following line ends in compilation failure or localhost server stop:

    import { SplashScreen } from ‘@ionic-native/splash-screen/ngx’;

    I tried to ninstall and reinstall @ionic-native/splash-screen module without sucess.

    npm uninstall @ionic-native/splash-screen
    npm install –save @ionic-native/splash-screen

Leave a comment

Your email address will not be published. Required fields are marked *