Topic: Problem using tabs
IT Operations premium asked 4 months ago
I am trying to use tabs, but I get an error in console.
I followed the steps from 'manual installation' from here: https://mdbootstrap.com/docs/standard/pro/installation/
This is the code I use:
<mdb-tabs> <mdb-tab title="Tab 1">Tab content 1</mdb-tab> <mdb-tab title="Tab 2">Tab content 2</mdb-tab> <mdb-tab title="Tab 3">Tab content 3</mdb-tab> </mdb-tabs>
ERROR NullInjectorError: R3InjectorError(AppModule)[TabsetComponent -> TabsetComponent -> TabsetComponent]: NullInjectorError: No provider for TabsetComponent!
Can you guide we to understand what am I doing wrong? Thank you.
I am sorry, it looks like a made a typo, I meant
MDB5 2.3.0 in the description of this issue but I think the problem is caused by another library.
We have two types of Angular products - MDB Angular 4 with Bootstrap 4 (angular-bootstrap-md/ng-uikit-pro-standard) and MDB Angular 5 with Bootstrap 5 (mdb-angular-ui-kit). I think you use
<mdb-tabset> component from MDB Angular 4 instead of
<mdb-tabs> from MDB Angular 5.
If you need to install and configure
ng-uikit-pro-standard package, you can find more information here (please make sure to change tab to 'Pro'):
Installation and configuration: https://mdbootstrap.com/docs/b4/angular/getting-started/installation/#npm-installation
Modules and imports: https://mdbootstrap.com/docs/b4/angular/getting-started/modules/
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Premium
- Premium support: Yes
- Technology: MDB Angular
- MDB Version: MDB5 2.3.0
- Device: All
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes