I went on holiday and when I got back I wanted to continue to work on my app. But it doesn’t work anymore (I guess it has to do with some Ionic updates?). When I try to run the app in a simulator the screen stays blank.
So I tried running it in the webbrowser. When I do that I get the message:
Runtime Error
No provider for Nav!
Stack
injectionError@http://localhost:8102/build/vendor.js:1526:95
_throwOrNull@http://localhost:8102/build/vendor.js:3006:34
_createClass@http://localhost:8102/build/vendor.js:9897:50
_createProviderInstance$1@http://localhost:8102/build/vendor.js:9857:38
resolveNgModuleDep@http://localhost:8102/build/vendor.js:9842:42
createClass@http://localhost:8102/build/vendor.js:11301:42
createDirectiveInstance@http://localhost:8102/build/vendor.js:11121:48
createViewNodes@http://localhost:8102/build/vendor.js:12562:72
createRootView@http://localhost:8102/build/vendor.js:12457:20
callWithDebugContext@http://localhost:8102/build/vendor.js:13843:47
create@http://localhost:8102/build/vendor.js:10229:60
createComponent@http://localhost:8102/build/vendor.js:10431:68
ngOnInit@http://localhost:8102/build/vendor.js:50625:75
checkAndUpdateDirectiveInline@http://localhost:8102/build/vendor.js:11213:27
checkAndUpdateNodeInline@http://localhost:8102/build/vendor.js:12714:46
debugCheckAndUpdateNode@http://localhost:8102/build/vendor.js:13517:64
debugCheckDirectivesFn@http://localhost:8102/build/vendor.js:13458:36
checkAndUpdateView@http://localhost:8102/build/vendor.js:12620:30
callWithDebugContext@http://localhost:8102/build/vendor.js:13843:47
detectChanges@http://localhost:8102/build/vendor.js:10546:36
forEach@[native code]
tick@http://localhost:8102/build/vendor.js:5169:32
_loadComponent@http://localhost:8102/build/vendor.js:5144:18
bootstrap@http://localhost:8102/build/vendor.js:5132:28
forEach@[native code]
_moduleDoBootstrap@http://localhost:8102/build/vendor.js:4903:51
http://localhost:8102/build/vendor.js:4865:45
onInvoke@http://localhost:8102/build/vendor.js:4247:39
run@http://localhost:8102/build/polyfills.js:3:4458
http://localhost:8102/build/polyfills.js:3:14079
onInvokeTask@http://localhost:8102/build/vendor.js:4238:43
runTask@http://localhost:8102/build/polyfills.js:3:5153
o@http://localhost:8102/build/polyfills.js:3:2210
promiseReactionJob@[native code]
In my app.components.ts I load the Nav like this
import { Component, ViewChild } from ‘@angular/core’;
import { Nav, Platform } from ‘ionic-angular’;
@Component({
templateUrl: ‘app.html’
})
export class MyApp {
@ViewChild(Nav) nav: Nav;
rootPage:any = ‘LoadingPage’;
… more code …
}
I have searched Google and all I found we’re posts about how to use @ViewChild to use Nav in app.components.ts. But I got that part right, this was also the case before my holiday. But still it does not work.
Can anybody please help me?
