Topic: Unable to import MDB pro components
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 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/
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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
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