Angular javascript 頁面編譯但顯示空白

Question

當我編譯我的 Angular 應用程序時，它可以工作，但 HTML 頁面是空白的，我的應用程序不會顯示。 我以前遇到過這樣的問題，通常是進口之一，但我現在不確定。 當我使用谷歌瀏覽器進行檢查時，我看到的錯誤是record.factory is not a function 。 有沒有人熟悉這個？

這是我的 module.ts 代碼：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HttpClientModule } from '@angular/common/http';  
import { ItemService } from './items.service';
import { NewItemFormComponent } from './new-item-form/new-item-form.component';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input'; 
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { FormsModule } from '@angular/forms';



@NgModule({
  declarations: [
    AppComponent,
    NewItemFormComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    MatFormFieldModule,
    MatInputModule,
    BrowserAnimationsModule,
    FormsModule
  ],
  providers: [ItemService, BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    MatFormFieldModule,
    MatInputModule,
    BrowserAnimationsModule,
    FormsModule],
  bootstrap: [AppComponent]
})
export class AppModule { }

Answer 1

您將幾個模塊放在錯誤的位置。 您應該將它們放入imports部分，而不是providers 。 我正在說話

BrowserModule,
AppRoutingModule,
HttpClientModule,
MatFormFieldModule,
MatInputModule,
BrowserAnimationsModule,
FormsModule

如果您將@Injectable和@NgModule裝飾器添加到同一個類中，也可能會出現問題。