我的問題是，模塊“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 {}