导入MatTableModule后无法获取/

时间:2019-05-22 00:46:05

标签: c# angular asp.net-core mat-table

我正在尝试使用Angular 7的mat-table元素在表中显示数据。我按照相关说明将材料安装到我的项目中:https://material.angular.io/guide/getting-started

在上面链接的第3步中,我尝试了两种导入方式,分别在单独的模块和app.module.ts中进行。

这是来自app.module.ts:

@NgModule({
  declarations: [
    AppComponent,
    NavMenuComponent,
    HomeComponent,
    CounterComponent,
    FetchDataComponent,
    AuthCallbackComponent
  ],
  imports: [
    BrowserModule.withServerTransition({ appId: 'ng-cli-universal' }),
    MaterialModule,
    HttpClientModule,
    FormsModule,
    RouterModule.forRoot([
      { path: '', component: HomeComponent, pathMatch: 'full' },
      { path: 'counter', component: CounterComponent },
      { path: 'fetch-data', component: FetchDataComponent },
      { path: 'auth-callback', component: AuthCallbackComponent }
    ])
  ],
  providers: [],
  bootstrap: [AppComponent]
})

这是material.module.ts:

import { NgModule } from '@angular/core';
import { MatTableModule } from '@angular/material/table';
@NgModule({
  imports: [
    MatTableModule
  ],
  exports: [
    MatTableModule
  ]
})
export class MaterialModule {}

通常,在将MatTableModule导入app.module.ts中之前(以及在使用angular cli进行安装命令之后),该应用程序至少会加载。导入后,应用似乎无法加载,可能是卡在“无法获取/”或“正在加载...”上

1 个答案:

答案 0 :(得分:0)

导航到ClientApp文件夹,然后运行

place_queen(1)

检查您的角度项目是否可以构建