Topic: navbar
russellclark asked 5 years ago
Expected behavior*I have followed your tutorial on building an angular pwa. I am trying to add a navbar*Actual behavior*Does not work. Console gives following error*Resources (screenshots, code snippets etc.)
ERROR TypeError: Cannot read property 'nativeElement' of undefined at NavbarComponent.ngAfterContentChecked (angular-bootstrap-md.js:6188) at callHook (core.js:3726) at callHooks (core.js:3686) at executeInitAndCheckHooks (core.js:3627) at refreshView (core.js:13877) at refreshComponent (core.js:15201) at refreshChildComponents (core.js:13565) at refreshView (core.js:13887) at renderComponentOrTemplate (core.js:13948) at tickRootContext (core.js:15365)
Arkadiusz Idzikowski staff answered 5 years ago
You use Angular v9 with MDB Angular v 7.4.1. This version of our product is compatible with Angular v7.
Please downgrade your Angular version and/or update the angular-bootstrap-md package. Our migration guide might be useful here: https://mdbootstrap.com/docs/angular/getting-started/migration/
The newest version of MDB Angular is 8.8.1 (we don't support Angular v9 yet because it wasn't officialy released).
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 7.4.4
- Device: laptop
- Browser: chrome
- OS: win 10
- Provided sample code: No
- Provided link: No
Konrad Stępień staff commented 5 years ago
Hi @russellclark,
Can you show me what your project looks like? And when you get the problems? Or how can I reproduce your problem?
russellclark commented 5 years ago
Many thanks for your reply. I have placed the project here: https://bitbucket.org/whenred/pdtemplatean8-mdb-pro/src/master/
its hosted here: https://pdtemplatean8-mdb-pro.firebaseapp.com/home the navbar is located in app.component.html. all you can see of the navbar is the word 'Navbar'
I have obscured the firebase connection details. Any help would be much appreciated.