russellclark free asked 3 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)

Konrad Stępień staff commented 3 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 free commented 3 years ago

Many thanks for your reply. I have placed the project here:

its hosted here: 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 3 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:

The newest version of MDB Angular is 8.8.1 (we don't support Angular v9 yet because it wasn't officialy released).

russellclark free commented 3 years ago

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

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • 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