时间戳

首页 > 解决方案 > Angular javascript页面编译但显示空白

javascript - Angular javascript页面编译但显示空白

问题描述

当我编译我的 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 { }

标签： javascriptangulartypescript

解决方案

您将几个模块放置在错误的位置。您应该将它们放入imports部分，而不是providers. 我正在说话

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

如果您将装饰器添加到同一个类中@Injectable，也可能存在问题。@NgModule

推荐阅读