Topic: MdbCompleterDirective
rtchrisdev pro asked 5 years ago
How do I fix this error "no provider for MdbCompleterDirective" . I would like to start using Outline Inputs - Material 2.0 .
I use the git link in my package.json file, so I am assuming I am at the 7.4.1 version
Thanks
Arkadiusz Idzikowski staff answered 5 years ago
Could you please send a simple demo in which this problem occurs to a.idzikowski@mdbootstrap.com? This error is very strange and we are not able to find its cause using the code and information you provided.
rtchrisdev pro answered 5 years ago
Thanks. Verifying the process:
step1: npm uninstall angular-bootstrap-md . --save step2: npm install --save
I did additional checking. I get the MdbCompleterDirective error when when "mdbInput" is present
Example:
11
Arkadiusz Idzikowski staff answered 5 years ago
I tried to debug this problem with your code but without success. MdbCompleterDirective is part of auto completer component. If you don't use this component in your application, please try to remove "angular-bootstrap-md" from your package.json (leave only pro version), remove node_modules and package-lock.json and run npm install again.
With this code ""git+https://oauth2:token@git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard.git" you will always install newest version of MDB Angular Pro.
rtchrisdev pro answered 5 years ago
The error from the console:
Uncaught Error: Template parse errors: No provider for MdbCompleterDirective ("d is "No Provider for MdbCompleterDirective (undefied) "--> [ERROR ->] Example label) at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents (compiler.js:26097) at compiler.js:26007 at Object.then (compiler.js:2421) at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponents (compiler.js:26006)
rtchrisdev pro answered 5 years ago
Here is a copy of the html I am working on to change in the input style. One question: From the configuration I sent, am I automatically being updated to the latest version of bootstrap-md? Thank you, Chris
Add Success Criteria --> Example label<div class="md-form">
<i class="fa fa-pencil prefix grey-text"></i>
<input type="text" formControlName="criteriaName" id="defaultForm-name" class="form-control" mdbInputDirective>
<label for="defaultForm-name">Success Criteria Name</label>
</div>
<br>
<br>
<div class="md-form">
<i class="fa fa-pencil prefix grey-text"></i>
<input type="text" formControlName="criteriaDescription" id="defaultForm-name" class="form-control"
mdbInputDirective>
<label for="defaultForm-name">Success Criteria Description</label>
</div>
<br>
<br>
<mdb-select [options]="workflowDrop" [multiple]="false" placeholder="Workflow Type Category"
formControlName="workflowCategory"></mdb-select>
<br>
<br>
<br>
<mdb-select [options]="categoryDrop" [multiple]="false" placeholder="Success Criteria Category"
formControlName="criteriaCategory"></mdb-select>
<br>
<br>
<br>
<mdb-select [options]="featureDrop" [multiple]="true" placeholder="Success Feature Attributes"
formControlName="featureAttributes"></mdb-select>
<br>
<br>
<br>
<hr>
<div class="text-center py-4 mt-3">
<button class="waves-light" placement="bottom" mdbBtn type="submit" color="success" rounded="true"
mdbWavesEffect [disabled]="!criteriaForm.valid">Save Form
</button>
</div>
rtchrisdev pro answered 5 years ago
Here is my configuration. I have been meaning to ask if my package.json was setup properly to ensure I am accessing the updated versions properly. I think I can remove the " "angular-bootstrap-md": "^7.4.1"," package since I am using the token for pro. Please advise and thank you.
package.json:
"angular-bootstrap-md": "^7.4.1", "ng-uikit-pro-standard": "git+https://oauth2:token@git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard.git",
angular.json: ], "styles": [ "node_modules/font-awesome/scss/font-awesome.scss", "node_modules/ng-uikit-pro-standard/assets/scss/bootstrap/bootstrap.scss", "node_modules/ng-uikit-pro-standard/assets/scss/mdb.scss", "src/styles.scss", ],
app.module:
import { MDBBootstrapModulesPro } from 'ng-uikit-pro-standard'; import { MDBSpinningPreloader } from 'ng-uikit-pro-standard';
imports : [ MDBBootstrapModulesPro.forRoot(), ],
Arkadiusz Idzikowski staff commented 5 years ago
Could you paste here the html and ts code you use to render our components?
Arkadiusz Idzikowski staff answered 5 years ago
Please paste here the code from your package.json (make sure to remove your private token from git link), angular.json and app module files and code you copied from our documentation.
rtchrisdev pro answered 5 years ago
Hi Damian, sorry about the lack of description. I copied the form input below from the web site Material 2.0 input:
. . ### This line shows error Example labelThe third line has a red line under it with the message: "no provider for MdbCompleterDirective" . I thought maybe I needed to import something into the component or module. btw 2.0 looks amazing
Damian Gemza staff answered 5 years ago
Dear rtchrisdev,
How could I reproduce your problem? Could you please provide me with the list of steps, with which I'll be able to reproduce this?
Your problem is so unclear to reproduce by default, that I'm not even able to debug it.
Best Regards,
Damian
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: 7.4.1
- Device: MacBook Pro
- Browser: Chrome
- OS: Mac
- Provided sample code: No
- Provided link: No