我的问题是，模块“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 {}