Неожиданное значение "DecoratorFactory", импортированное модулем TempModule,
В моем примере приложения я написал функциональный модуль "TempModule" и
ниже приведен код.
import { NgModule } from '@angular/core';
import { CommonModule} from '@angular/common';
import { TempOneComponent } from './temp.one.component';
import { TempTwoComponent } from './temp.two.component';
import { tempRouting } from './temp.routing';
@NgModule({
declarations: [ TempOneComponent,
TempTwoComponent],
imports: [ NgModule,
CommonModule,
tempRouting]
})
export class TempModule {}
Я имею в виду TempModule в корневом модуле, ниже приведен код корневого модуля
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
//-- routing import
import { routing,
appRoutingProviders} from './app.routing';
//-- root component import
import { AppComponent } from './app.component';
import { AppAboutComponent } from './app-about.component';
import { AppCreatTicketComponent } from './tickets/ app.create-ticket.component';
import { AppOpenTicketComponent } from './tickets/app.open-ticket.component';
import { AppSearchTicketComponent } from './tickets/ app.search-ticket.component';
import { AppDashboardComponent } from './tickets/app.dashboard.component';
import { AppUsersComponent } from './users/app.users.component';
import { TempModule } from './tempModule/temp.module';
@NgModule({
declarations: [AppComponent ,
AppAboutComponent ,
AppCreatTicketComponent,
AppOpenTicketComponent,
AppSearchTicketComponent,
AppDashboardComponent,
AppUsersComponent
],
imports: [BrowserModule ,
FormsModule ,
routing,
TempModule ],
providers: [appRoutingProviders],
bootstrap: [AppComponent]
})
export class AppModule {}
Когда я запускаю приложение, "Неожиданное значение" DecoratorFactory ", импортированное модулем TempModule, отображается в консоли браузера.
Любая идея, что может быть причиной этой ошибки?
Ответы
Ответ 1
Вы пытаетесь импортировать массив decorator
в imports
. Он должен содержать только модули
@NgModule({
declarations: [ TempOneComponent,
TempTwoComponent],
imports: [ NgModule, <== why is it here???
CommonModule,
tempRouting]
})
export class TempModule {}
Ответ 2
Другой способ увидеть эту ошибку - импортировать модуль из неправильного места. Например:
import {CommonModule} from '@angular/core'; // wrong
должен быть:
import {CommonModule} from '@angular/common';
Ответ 3
Решено добавлением приведенного ниже кода в компоненте hero-detail.
import { NgModule } from '@angular/core';