navbar

russellclark pro asked 8 months 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)


Konrad Stępień staff commented 8 months 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 pro commented 8 months 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.


Arkadiusz Idzikowski staff answered 8 months 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).


russellclark pro commented 8 months ago

Thanks for the help. I will wait until you support v9


Please insert min. 20 characters.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: Angular
  • MDB Version: 7.4.4
  • Device: laptop
  • Browser: chrome
  • OS: win 10
  • Provided sample code: No
  • Provided link: No
Tags