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?

6 comments

  1. Tony

    Reply

    Hi Andreas,
    In your Ionic 6 & 7 books you provide a pro tip to install Augury from rangle.io, it seems this extension is no longer available?
    Do you perhaps have an alternate process to install?
    Many thanks.

  2. 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

  3. 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.

  4. 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 *