Nieoczekiwana wartość "DecoratorFactory" zaimportowana przez moduł "TempModule"

Question

W mojej przykładowej aplikacji napisałem moduł funkcji "TempModule", a poniżej znajduje się kod .

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 {} 

ja odnoszę się do TempModule w module głównym, poniżej jest kod modułu głównego

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 {} 

Kiedy uruchomić aplikację "wartość Unexpected 'DecoratorFactory' przywożone przez moduł 'TempModule'" jest wyświetlany w konsoli przeglądarki.

Każdy pomysł, co może być przyczyną tego błędu?

Answer 1

Próbujesz zaimportować decorator w tablicy imports. Powinien zawierać tylko moduły:

Answer 2

Innym sposobem, w jaki można zobaczyć ten błąd, jest import modułu z niewłaściwego miejsca. Na przykład:

import {CommonModule} from '@angular/core'; // wrong 

powinno być:

import {CommonModule} from '@angular/common';