Unable to import MDB pro components

Topic: Unable to import MDB pro components

Thirumoorthy Balasubramanian pro premium priority asked 3 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 pro premium priority commented 3 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

Add comment

Arkadiusz Idzikowski staff answered 3 years ago

0 0 Best answer

@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:

https://mdbootstrap.com/docs/b5/angular/pro/modules-and-imports/

Here you can find the installation guide for this version:

https://mdbootstrap.com/docs/b5/angular/pro/installation/

Add comment