Неожиданное значение "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';