ОШИБКА TypeError: this._document.createElement не является угловой функцией

Question

Я новичок в Angular и использую Angular Materials.Я получаю сообщение об ошибке для mat-select.Мой код выглядит следующим образом:

<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>

И ошибка:

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

Зависимости

"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"},

"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-покрытие-istanbul-reporter ":" ~ 2.0.1 "," karma-jasmine ":" ~ 1.1.2 "," karma-jasmine-html-reporter ":" ^ 0.2.2 "," транспортир ":" ~ 5.4.0 "," ts-node ":" ~ 7.0.0 "," tslint ":" ~ 5.11.0 "," typcript ":"~ 3.2.2"}

Пожалуйста, кто-нибудь, помогите мне решить эту проблему.

Answer 1

просто добавьте массив в файл ts, такой как ownerType = ["Individual", "Corporate"];и затем добавьте следующее в 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>

Answer 2

Я использовал сторонний плагин для выбора даты и времени в этом приложении, и он конфликтовал со всеми материалами.Теперь я удалил плагин выбора даты и времени, и теперь он работает нормально.

Answer 3

Это может быть причиной того, как вы импортируете Observable.

вместо этого import {Observable} from 'rxjs';попробуйте это: import {Observable} from 'rxjs/Observable';