Topic: Unable to import MDB pro components

Thirumoorthy Balasubramanian priority asked 2 years ago

Expected behavior

After importing MDBBootstrapModulesPro.forRoot(), -- In the module component I should be able to use components for example MdbSidenavComponent in ts file

Actual behavior

But I am not able to import MdbSideNavComponent .. Do let me know is there any additional module I need to import. or whether I am doing some mistake

Resources (screenshots, code snippets etc.) @NgModule({ declarations: [ ChatViewComponent ], imports: [ CommonModule, MDBBootstrapModulesPro.forRoot(), ],

ChatViewComponent.ts file @ViewChild('sidenav', { static: true }) sidenav!: MdbSidenavComponent;

I am unable to import MdbSidenavComponent.

Thirumoorthy Balasubramanian priority commented 2 years ago

After importing mdb-angular-ui-kit.. I get following compilation error

Symbol MdbSidenavLayoutComponent declared in //node_modules/mdb-angular-ui-kit/sidenav/sidenav-loyaut.component.d.ts is not exported from mdb-angular-ui-kit/sidenav/sidenav.module

Arkadiusz Idzikowski staff answered 2 years ago

@Thirumoorthy Balasubramanian It looks like you installed MDB5 Angular but used imports from MDB4 Angular (different library built on top of Bootstrap 4). You can read more about MDB5 Angular modules and imports in our documentation:

Here you can find the installation guide for this version:

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

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 1.6.1
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: No