Topic: mdb-error is not a known element?
<div class="md-form md-outline form-lg">
<input
mdbInput
type="text"
id="title"
class="form-control form-control-lg"
mdbValidate
mdbInputDirective
maxLength="48"
autocomplete="off"
formControlName="title">
<label for="title">
<h5>Post Title</h5>
</label>
<mdb-error *ngIf="title.invalid && (title.dirty || title.touched)">Title is required (min 4 characters, max 32 characters)</mdb-error>
<mdb-success *ngIf="title.valid && (title.dirty || title.touched)">Input valid</mdb-success>
</div>
and error i get is
ERROR in : 'mdb-error' is not a known element: 1. If 'mdb-error' is an Angular component, then verify that it is part of this module.
Dear computer.contact,
Which version of MDB Angular you're using?
The mdb-error and mdb-success components were added in the MDB Angular 7.1.0. If you're using something older which 7.1.0, please update your project, and let me know.
Best Regards,
Damian
Dear computer.contact,
Could you please show me your app.module.ts file?
And also please provide me with the full code of your input - .html, and .ts.
There's must be something wrong, because those components are available from default in the MDB Angular Free.
Best Regards, Damian
Hi I am also facing the same issue on using mdb-error and mdb-success. ERROR in : 'mdb-error' is not a known element: 1. If 'mdb-error' is an Angular component, then verify that it is part of this module.
My package.json has the following dependencies installed :
"dependencies": {
"@angular/animations": "~7.2.0",
"@angular/cdk": "8.1.2",
"@angular/common": "8.2.0 ^8.0.0",
"@angular/compiler": "8.2.0",
"@angular/core": "^8.2.0",
"@angular/forms": "^8.2.0",
"@angular/material": "8.1.2",
"@angular/material-moment-adapter": "8.1.2",
"@angular/platform-browser": "^8.2.0",
"@angular/platform-browser-dynamic": "^8.2.0",
"@angular/router": "~7.2.0",
"@ng-bootstrap/ng-bootstrap": "^5.0.0",
"angular-bootstrap-md": "^8.1.1",
"angular-bootstrap-slider": "^0.1.29",
"bootstrap": "^4.3.1",
"core-js": "^2.5.4",
"mdbootstrap": "^4.8.8",
"rxjs": "^6.4.0",
"tslib": "^1.9.0",
"zone.js": "^0.10.1"
}, Or can you suggest me some alternative.
Arkadiusz Idzikowski staff commented 2 years ago
Please show us the content of your app.module file (or any other module - that depends on your app structure, maybe you are importing MDB modules somewhere else).
Make sure that you imported InputUtilitiesModule (contains mdb-error and mdb-success components) or MDBBootstrapModulesPro.forRoot() (contains all free and pro MDB modules).
Ankita Nasipuri commented 2 years ago
I got my error ...I have not imported InputUtilitiesModule in my app.module.ts. Now works fine. Thanks !!!
Resolved
- User: Pro
- Premium support: Yes
- Technology: Angular
- MDB Version: 7.0.0
- Device: PC
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No