我的问题是，模块“DashboardModule”导入的意外指令“BarChartComponent”。请添加@NgModule 注释

Question

我在编译代码时遇到错误

模块“DashboardModule”导入的意外指令“BarChartComponent”。请添加@NgModule 注解。

    dashboard.module.ts

    import { NgModule } from "@angular/core";
    import { CommonModule } from "@angular/common";
    import { RouterModule } from "@angular/router";
    import { ModuleWithProviders } from "@angular/core";

    import { DashboardComponent } from "./dashboard.component";
    import { SharedModule } from "../shared";
    import { ChartsService } from "../shared/chart.service";

    import {BarChartComponent} from "../bar-chart/bar-chart.component";
    const dashboardRouting: ModuleWithProviders = RouterModule.forChild([
      {
        path: "",
        component: DashboardComponent
      }
    ]);

    @NgModule({
      imports: [CommonModule, dashboardRouting, SharedModule, BarChartComponent],
      declarations: [DashboardComponent],
      providers: [ChartsService],

    })
    export class DashboardModule {}

Answer 1

问题在于将BarChartComponent 导入到导入数组中。您必须改为声明 BarChartComponent。到目前为止，Angular 将BarChartComponent 视为模块。

应该是——

@NgModule({
  imports: [CommonModule, dashboardRouting, SharedModul],
  declarations: [DashboardComponent, BarChartComponent], //<-- move here
  providers: [ChartsService],

})
export class DashboardModule {}