Я разрабатываю панель инструментов в angular 7
. Когда я запускаю свое приложение в браузере, оно работает. но он возвращает эту ошибку:
ОШИБКА Ошибка: Uncaught (в обещании): Ошибка: Тип EventViewerComponent является частью объявлений 2 модулей: LayoutModule и EventViewerModule! Пожалуйста, рассмотрите возможность перемещения EventViewerComponent в модуль более высокого уровня, который импортирует LayoutModule и EventViewerModule. Вы также можете создать новый NgModule, который экспортирует и включает EventViewerComponent, а затем импортирует этот NgModule в LayoutModule и EventViewerModule.
event-viewer.module.ts
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ChartsModule as Ng2Charts } from 'ng2-charts';
import { DataTablesModule } from 'angular-datatables';
import { EventRoutingModule } from './event-viewer-routing.module';
import { EventViewerComponent } from './event-viewer.component';
import { PageHeaderModule } from '../../shared';
@NgModule({
imports: [CommonModule, Ng2Charts, EventRoutingModule, PageHeaderModule, DataTablesModule],
declarations: [EventViewerComponent]
})
export class EventViewerModule {}
layout-routing.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { LayoutComponent } from './layout.component';
const routes: Routes = [
{
path: '',
component: LayoutComponent,
children: [
{ path: '', redirectTo: 'dashboard', pathMatch: 'prefix' },
{ path: 'dashboard', loadChildren: './dashboard/dashboard.module#DashboardModule' },
{ path: 'charts', loadChildren: './charts/charts.module#ChartsModule' },
{ path: 'tables', loadChildren: './tables/tables.module#TablesModule' },
{ path: 'forms', loadChildren: './form/form.module#FormModule' },
{ path: 'bs-element', loadChildren: './bs-element/bs-element.module#BsElementModule' },
{ path: 'grid', loadChildren: './grid/grid.module#GridModule' },
{ path: 'components', loadChildren: './bs-component/bs-component.module#BsComponentModule' },
{ path: 'blank-page', loadChildren: './blank-page/blank-page.module#BlankPageModule' },
{ path: 'event-viewer', loadChildren: './event-viewer/event-viewer.module#EventViewerModule' }
// { path: 'event-viewer', loadChildren: './' }
]
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class LayoutRoutingModule {}
event-viewer-routing.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { EventViewerComponent } from './event-viewer.component';
const routes: Routes = [
{
path: '',
component: EventViewerComponent
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class EventRoutingModule {}
Кажется, что импорт и декларации перепутаны. но я не понимаю, куда мне добавить импорт и декларации.