Skip to content

ERROR Error: No provider for e! #7210

@ghost

Description

Bug, feature request, or proposal:

Bug

What is the expected behavior?

The expected behavor is to show the modal

What is the current behavior?

when i click the button a modal should PopUp and i get this error

ERROR Error: No provider for e!
    at C (vendor.e889734c5a40aee1e88f.bundle.js:1)
    at O (vendor.e889734c5a40aee1e88f.bundle.js:1)
    at t._throwOrNull (vendor.e889734c5a40aee1e88f.bundle.js:1)
    at t._getByKeyDefault (vendor.e889734c5a40aee1e88f.bundle.js:1)
    at t._getByKey (vendor.e889734c5a40aee1e88f.bundle.js:1)
    at t.get (vendor.e889734c5a40aee1e88f.bundle.js:1)
    at Ne (vendor.e889734c5a40aee1e88f.bundle.js:1)
    at t.get (vendor.e889734c5a40aee1e88f.bundle.js:1)
    at gn (vendor.e889734c5a40aee1e88f.bundle.js:1)
    at fn (vendor.e889734c5a40aee1e88f.bundle.js:1)
v @ vendor.e889734c5a40aee1e88f.bundle.js:1

But When run ng serve all is ok the md-dialoge is works , But if i run the app in --prod mode i have this error, I dont know what to Do??

What are the steps to reproduce?

Providing a Plunker (or similar) is the best way to get the team to see your issue.
Plunker template: https://goo.gl/DlHd6U

i have a button that opens the dialoge

dialoge.component.html

<div>
  <form [formGroup]="registerPharmacy" novalidate (ngSubmit)="dialogRef.close(registerPharmacy.value)" ngNativeValidate>
    <div fxLayout="column" fxLayoutGap="10px" fxLayoutAlign="center center" style="padding-top:10px;">
      
      <div fxFlex="10px"></div>
      <div fxFlex="20px" style="font-weight: 300;font-size: 20px;color: blueviolet;">
        Πρόσεχε που στέλνεις τα email.
      </div>
      <div fxFlex="10px"></div>

      <md-input-container style="width:100%;">
        <input mdInput type="email" ngModel pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" 
        maxlength="50" formControlName="email"  name="email" placeholder="Email" required>

        <md-hint *ngIf="registerPharmacy.get('email').touched" >
          <span class="error_hint" *ngIf="registerPharmacy.get('email').hasError('pattern')">
              *Το email δεν είναι έγκυρο.
          </span>
        </md-hint>

      </md-input-container>

      <md-input-container fxFlex="100" style="width:100%;">
        <input mdInput fxFlex="100" type="password" ngModel minlength="8" maxlength="30" name="password"
          pattern="" formControlName="password"
          placeholder="Password" required style="width:100%;"
        >
        <md-hint *ngIf="registerPharmacy.get('password').touched" >
          <span class="error_hint" *ngIf="registerPharmacy.get('password').hasError('minlength')">
              *Ο κωδικός είναι πολλή μικρός, τουλάχιστον 8 ψηφία.
          </span>
        </md-hint>
      </md-input-container>

      <md-input-container fxFlex="100" style="width:100%;">
        <input mdInput fxFlex="100" type="password" ngModel minlength="8" maxlength="30" name="password_again"
          pattern="" formControlName="password_again"
          placeholder="Password again" required style="width:100%;">
        <md-hint *ngIf="registerPharmacy.get('password_again').touched" >
          <span class="error_hint" *ngIf="registerPharmacy.get('password_again').hasError('minlength')">
              *Ο κωδικός είναι πολλή μικρός, τουλάχιστον 8 ψηφία.
          </span>
        </md-hint>
      </md-input-container>

      <div fxLayout="row" fxLayoutGap="10px" fxLayoutAlign="center center" style="padding:0px; min-width: 100%;">
        <md-input-container style="width:100%;">
          <input mdInput  type="text" ngModel minlength="4" maxlength="30" formControlName="first_name" name="first_name" 
          placeholder="Όνομα" required>

          <md-hint *ngIf="registerPharmacy.get('first_name').touched" >
            <span class="error_hint" *ngIf="registerPharmacy.get('first_name').hasError('minlength')">
                *Το όνομα δέν είναι έγκυρο.
            </span>
          </md-hint>
        </md-input-container>

        <md-input-container style="width:100%;">
          <input mdInput type="text" ngModel minlength="5" maxlength="30" formControlName="last_name" name="last_name" 
          placeholder="Επώνυμο" required>

          <md-hint *ngIf="registerPharmacy.get('last_name').touched" >
            <span class="error_hint" *ngIf="registerPharmacy.get('last_name').hasError('minlength')">
                *Το Επώνυμο δέν είναι έγκυρο.
            </span>
          </md-hint>

        </md-input-container>
      </div>

      <md-input-container style="width:100%;">
        <input mdInput type="text" ngModel pattern="[0-9]{10}" maxlength="10" name="phone"
          placeholder="Τηλεφωνο επικοινωνίας" formControlName="phone" required>
      </md-input-container>
      

      <button [disabled]="registerPharmacy.invalid || !registerPharmacy.dirty" md-raised-button color="primary" style="width: 100%;">Γίνε μέλος</button>

      <div fxFlex="" style="font-size: 12px;">
        Δημιουργώντας λογαριασμό αποδέχεσαι τους <a routerLink="/"> όρους χρήσης</a>.
      </div>

      <div fxFlex="" style="font-size: 15px;">
        <a href="">Εχεις λογαριασμό συνδέσου? </a>
      </div>

    </div>
  </form>

</div>
  

app.module.ts

// Login and register pharmacists
import { DialLoginPharmacistComponent } from './Partials/dial-login-pharmacist/dial-login-pharmacist.component';
import { DialRegisterPharmacistComponent } from './Partials/dial-register-pharmacist/dial-register-pharmacist.component';


 providers: [
    HttpModule,
    MediatorService,
    ApiService,
    ApiAgentsService,
    ApiPharmacistsService,
    AuthService,
    ClientService,
    FirebaseService,
    AngularFireAuth,
    AngularFireDatabase,
    CustomSnackbarComponent
],
entryComponents: [
    DialLoginPharmacistComponent ,
    DialRegisterPharmacistComponent ,
],

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

"dependencies": {
    "@angular/animations": "^4.4.2",
    "@angular/cdk": "^2.0.0-beta.10",
    "@angular/common": "^4.4.2",
    "@angular/compiler": "^4.4.2",
    "@angular/core": "^4.4.2",
    "@angular/flex-layout": "^2.0.0-rc.1",
    "@angular/forms": "^4.4.2",
    "@angular/http": "^4.4.2",
    "@angular/material": "^2.0.0-beta.10",
    "@angular/platform-browser": "^4.4.2",
    "@angular/platform-browser-dynamic": "^4.4.2",
    "@angular/router": "^4.4.2",
    "angularfire2": "^4.0.0-rc0",
    "core-js": "^2.5.1",
    "firebase": "^4.3.1",
    "hammerjs": "^2.0.8",
    "rxjs": "^5.4.2",
    "zone.js": "^0.8.17"
  },
  "devDependencies": {
    "@angular/cli": "1.3.0",
    "@angular/compiler-cli": "^4.4.2",
    "@angular/language-service": "^4.4.2",
    "@types/jasmine": "^2.5.54",
    "@types/jasminewd2": "^2.0.3",
    "@types/node": "^6.0.88",
    "codelyzer": "~3.1.1",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "karma": "^1.7.1",
    "karma-chrome-launcher": "~2.1.1",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~3.2.0",
    "tslint": "~5.3.2",
    "typescript": "~2.3.3"
  }

Is there anything else we should know?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions