angular – 模块导入的意外值’undefined’

我以为我理解ngModule是如何工作的,但显然不是.我有3个模块：AppModule,AmpedFormsModule和AmpedCommonModule(下面是这个)问题是,当我尝试将AmpedFormsModule导入AmpedCommonModule时,它给了我这个错误,控制台日志给我未定义：

Unexpected value ‘undefined’ imported by the module ‘AmpedCommonModule’

我玩过进口但尝试了很多但没有取得任何成功.我还尝试创建另一个模块,并且尝试导入Common或Form模块的模块也存在同样的问题.正确方向的任何一点都非常感谢！

app.module.ts

import { NgModule }       from '@angular/core';
import { HttpModule }     from '@angular/http';
import { BrowserModule }  from '@angular/platform-browser';
import { RouterModule }   from '@angular/router';

import { ModalModule } from 'angular2-modal';
import { BootstrapModalModule } from 'angular2-modal/plugins/bootstrap';

import { AppComponent }  from './app.component';
import { HomepageComponent }  from './app.homepage';

import { AmpedFormsModule }       from './amped/forms/amped.forms.module';
import { AmpedCommonModule }      from './amped/common/amped.common.module';


import { routes,appRoutingProviders }  from './app.routes';

import
  { LocationStrategy,HashLocationStrategy} from '@angular/common';


@NgModule({
  imports:      [
    BrowserModule,AmpedFormsModule,AmpedCommonModule,HttpModule,ModalModule.forRoot(),BootstrapModalModule,routes
  ],declarations: [ AppComponent,HomepageComponent ],providers : [appRoutingProviders,{provide: LocationStrategy,useClass: HashLocationStrategy}],bootstrap:    [ AppComponent ]
})
export class AppModule { }

./amped/forms/amped.forms.module

import { NgModule }           from '@angular/core';
import { CommonModule }       from '@angular/common';
import { HttpModule }         from '@angular/http';
import {
  FormsModule,ReactiveFormsModule }       from '@angular/forms';

// ... imports

import { AmpedCommonModule }  from '../common/amped.common.module';


@NgModule({
  imports         : [ CommonModule,FormsModule,ReactiveFormsModule,AmpedCommonModule ],declarations    : [ ... declarations ],exports         : [ ... exports ],providers       : [ ... services ],entryComponents : [  ]
})
export class AmpedFormsModule {}

./amped/common/amped.common.module

import { NgModule }       from '@angular/core';
import { BrowserModule }  from '@angular/platform-browser';
import { FormsModule }    from '@angular/forms';

// ... imports

import { AmpedFormsModule } from '../forms/amped.forms.module';

console.log('CRUUD',AmpedFormsModule);

@NgModule({
  imports       : [BrowserModule,AmpedFormsModule],providers       : [  ],})
export class AmpedCommonModule { }

app.routes.ts

import { ModuleWithProviders } from '@angular/core';
import { Routes,RouterModule } from '@angular/router';

import { HomepageComponent }  from './app.homepage';

import { crudRoutes } from './amped/forms/amped.forms.routes';

export const appRoutes: Routes = [
  ...crudRoutes,{ path: '',component: HomepageComponent,pathMatch: 'full' },];

export const appRoutingProviders: any[] = [];

export const routes: ModuleWithProviders = RouterModule.forRoot(appRoutes);

./amped/forms/amped.forms.routes

export const crudRoutes: Routes = [
  { path: 'edit/:model',component: AmpedCrudTableComponent },{ path: 'edit/:model/:id',component: AmpedCrudFormComponent }
];

@NgModule({
  imports       : [CommonModule,FormsModule],...
})

@NgModule({
  imports       : [FormsModule,//<<< here
})

@NgModule({
  imports       : [ HttpModule,//<<< here
  ...
})

eg. export default class AmpedFormsModule {}