Topic: Unable to import MDB pro components

Thirumoorthy Balasubramanian priority asked 10 months 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 10 months 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 10 months 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:

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/



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • User: 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