2017-07-02 90 views
2

我正在使用cli構建一個角度爲4的應用程序。我創建了一個共享模塊並將其導入到我的appmodule和moviemodule中。我得到一個編譯時錯誤未捕獲錯誤:模塊'SharedModule'導出意外值'未定義'錯誤:模塊導出的意外值'undefined'

有人可以告訴我什麼問題是我仔細檢查了語法。我在這裏缺少的東西

錯誤消息

enter image description here

共享模塊

import { NgModule }   from '@angular/core'; 
import { CommonModule }  from '@angular/common'; 
import { FormsModule }   from '@angular/forms'; 
import { GridModule } from '@progress/kendo-angular-grid'; 


@NgModule({ 
    imports:  [ CommonModule 
        , GridModule ], 

    exports:  [ 
        , CommonModule 
        , FormsModule 
        , GridModule 
        ] 
}) 
export class SharedModule { } 

應用模塊

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import {FormsModule} from '@angular/forms'; 
import {HttpModule} from '@angular/http' 
import { AppComponent } from './app.component'; 
import { NavbarComponent } from './navbar/navbar.component'; 
import { TopbarComponent } from './topbar/topbar.component'; 
import { FooterbarComponent } from './footerbar/footerbar.component'; 
import { MRDBGlobalConstants } from './shared/mrdb.global.constants'; 
import {AppRoutingModule} from './app.routing'; 
import {HomeComponent} from './home/home.component'; 
import {MovieComponent} from './movie/movie.component'; 
import { MRDBCommonService } from './shared/services/mrdb.common.service'; 
import { NotFoundComponent } from './not-found/not-found.component'; 
import { SharedModule } from './shared/shared.module'; 


@NgModule({ 
    declarations: [ 
    AppComponent, 
    FooterbarComponent, 
    TopbarComponent, 
    NavbarComponent, 
    MovieComponent, 
    HomeComponent, 
    NotFoundComponent 
    ], 
    imports: [ 
    BrowserModule, 
    HttpModule, 
    SharedModule, 
    AppRoutingModule 
    ], 
    providers: [MRDBGlobalConstants, 
       MRDBCommonService], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

電影模塊

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import {MovieComponent} from './movie.component'; 
import { SharedModule } from '../shared/shared.module'; 

@NgModule({ 
    imports: [ 
     SharedModule 
    ], 
    exports: [MovieComponent], 
    declarations: [MovieComponent] 
}) 
export class MovieModule { } 
+0

進口添加FormModule在SharedModule並嘗試 – Sreemat

+0

昨天我得到這個錯誤在出口部分的額外的逗號第一模塊之前。我們應該向Angular團隊報告這個改進,因爲這個錯誤沒有幫助,而且原因很小,但是人們需要幾個小時才能解決。 – cgTag

+0

與此同意你 – Tom

回答

2

刪除的CommonModule

exports: [ 
remove it => , CommonModule 
       , FormsModule 
       , GridModule 
      ] 
0
  1. 請嘗試從SharedModule出口去除網格模塊逗號前面。錯誤中的foreach可能會出現在網格模塊中,我假設網格模塊正在嘗試循環某些數據。
  2. 沒有列出
相關問題