Topic: mdb is not a known element
I have the MDB Angular Pro version in the app.module I have this
imports: [
BrowserModule,
MyRoutingModule,
AngularFontAwesomeModule,
MDBBootstrapModulesPro.forRoot()
],
However any mdb tag used in any lazy loaded module produce an error.
mdb-progress' is not a known element:
1. If 'mdb-progress' is an Angular component, then verify that it is part of this module.
2. If 'mdb-progress' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<mdb-progress value="25" min="0" max="100" type="danger" aria-valuenow="25" aria-valuemin="0" aria-va"): ng:///folder/ThisComponent.html@0:0
'mdb-progress' is not a known element:
Does theMDBBootstrapModulesPro has to be declared in every lazy module?
Is there another less repetitive way?
Arkadiusz Idzikowski
staff answered 2 years ago
Dear ahess,
You need to import our modules to the lazy modules, but it is possible to import only those you actually use.
Regards,
Arek
NahlaEssam
answered 2 years ago
I have the same problem with mdb-file-upload, but I already added the MDBBootstrapModulesPro in the lazy module, any solution for this issue?
Arkadiusz Idzikowski staff commented 2 years ago
Mdb-file-upload is an external plugin and it's not part of MDBBootstrapModulesPro. Please add 'MdbFileUploadModule' import.
react123
premium answered 9 months ago
I am using MDB Angular Pro version facing issue in Stepper
I have faced below error
- error NG8002: 0mCan't bind to 'vertical' since it isn't a known property of 'mdb-stepper'.
- If 'mdb-stepper' is an Angular component and it has 'vertical' input, then verify that it is part of this module.
- If 'mdb-stepper' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
- To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
Code :
import { MDBSpinningPreloader, MDBBootstrapModulesPro, ToastModule } from 'ng-uikit-pro-standard';
imports:
[ BrowserModule, BrowserAnimationsModule, AppRoutingModule, FormsModule, ReactiveFormsModule, HttpClientModule, ColorPickerModule, ToastModule.forRoot(), MDBBootstrapModulesPro.forRoot(), ],
providers:
[ MDBSpinningPreloader, { provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true }, { provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptor, multi: true } ],
schemas: [ NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA ],
bootstrap: [AppComponent] }) export class AppModule { }
Arkadiusz Idzikowski staff commented 9 months ago
I already answered here: https://mdbootstrap.com/support/angular/angular-stepper-not-working/
Answered
- User: Free
- Premium support: No
- Technology: Angular
- MDB Version: 7.0.0
- Device: mac
- Browser: chrome
- OS: IOS
- Provided sample code: Yes
- Provided link: No