0
votes

ERREUR TypeError: this._document.createElement n'est pas une fonction angulaire

Je suis nouveau dans Angular et j'utilise des matériaux angulaires. J'obtiens une erreur de suivi pour mat-select. Mon code est le suivant

"dependencies": {
"@agm/core": "^1.0.0-beta.5",
"@angular/animations": "^7.2.3",
"@angular/cdk": "^7.3.0",
"@angular/common": "^7.2.6",
"@angular/compiler": "~7.2.0",
"@angular/core": "~7.2.0",
"@angular/forms": "^7.2.6",
"@angular/http": "^7.2.2",
"@angular/material": "^7.3.3",
"@angular/platform-browser": "~7.2.0",
"@angular/platform-browser-dynamic": "~7.2.0",
"@angular/router": "~7.2.0",
"@types/jquery": "^3.3.29",
"angular-bootstrap-datetimepicker": "^2.2.1",
"bootstrap": "^3.4.1",
"core-js": "^2.5.4",
"datatables.net-bs4": "^1.10.19",
"font-awesome": "^4.7.0",
"hammerjs": "^2.0.8",
"ng-pick-datetime": "^5.2.6",
"rxjs": "^6.4.0",
"rxjs-compat": "^6.4.0",
"tslib": "^1.9.0",
"zone.js": "~0.8.26"},

Et l'erreur est:

ERROR Type Error: this._document.createElement is not a function
at n._createHostElement (main.6b5485aaca2669c7d428.js:1)
at n.create (main.6b5485aaca2669c7d428.js:1)
at n._createOverlay (main.6b5485aaca2669c7d428.js:1)
at n._attachOverlay (main.6b5485aaca2669c7d428.js:1)
at n.ngOnChanges (main.6b5485aaca2669c7d428.js:1)
at main.6b5485aaca2669c7d428.js:1
at main.6b5485aaca2669c7d428.js:1
at eu (main.6b5485aaca2669c7d428.js:1)
at ju (main.6b5485aaca2669c7d428.js:1)
at main.6b5485aaca2669c7d428.js:1

Dépendances

<mat-form-field>
    <mat-select placeholder="Owner Type">
       <mat-option value="Individual">Individual</mat-option>
       <mat-option value="Corporate">Corporate</mat-option>
   </mat-select>
</mat-form-field>

"devDependencies": { "@ angular-devkit / build-angular": "~ 0.12.0", "@ angular / cli": "~ 7.2.1", "@ angular / compiler-cli": "~ 7.2.0", "@ angular / language-service": "~ 7.2.0", "@ types / node": "~ 8.9.4", "@ types / jasmine": "~ 2.8.8", "@ types / jasminewd2": "~ 2.0.3", "codelyzer": "~ 4.5.0", "jasmine-core": "~ 2.99.1", "jasmine-spec-reporter": "~ 4.2.1", "karma": "~ 3.1.1", "karma-chrome-launcher": "~ 2.2.0", "karma-coverage-istanbul-reporter": "~ 2.0.1", "karma-jasmin": "~ 1.1.2", "karma-jasmine-html-reporter": "^ 0.2.2", "rapporteur": "~ 5.4.0", "ts-node": "~ 7.0.0", "tslint": "~ 5.11.0", "typescript": "~ 3.2.2"}

Veuillez quelqu'un pour m'aider à résoudre ce problème.

angular angular-material

3 commentaires

Avez-vous fermé votre ? Votre exemple ne le fait pas. Vous obtenez l'erreur lorsque vous essayez une compilation AOT?

Oui, j'ai fermé

@KartikS Avez-vous trouvé une solution? Je suis confronté au même problème même si j'importe l'observable comme le suggérait "reza Torkaman Alhamdi".

3 Réponses :

0
votes

Cela peut être dû à la manière dont vous importez Observable .

au lieu de cette import {Observable} de 'rxjs' ; essayez celui-ci: import {Observable} depuis 'rxjs / Observable' ;

1 commentaires

Merci de votre réponse. J'ai fait la même chose mais toujours confronté au même problème.

0
votes

ajoutez simplement un tableau dans le fichier ts tel que ownerType = ["Particulier", "Entreprise"]; puis ajoutez ce qui suit dans app.module.ts

import {MatSelectModule} from '@angular/material/select';
@NgModule({
   imports: [ ..., MatSelectModule, ...]
})


<mat-form-field>
  <mat-select placeholder="Owner Type">
    <mat-option *ngFor="let owner of ownerType" [value]="owner">
      {{owner}}
    </mat-option>
  </mat-select>
 </mat-form-field>

0 commentaires

0
votes

J'utilisais le plugin tiers pour le plugin de sélection de date et d'heure dans cette application, et il était en conflit avec tous les matériaux. Maintenant, j'ai désinstallé le plugin de sélection de date et d'heure, et cela fonctionne très bien maintenant.

0 commentaires