模塊'AppModule'聲明的未定義值'undefined'

這裏有什麼問題？我試圖讓它工作，但我在頭上得到這個錯誤。我已將<router-outlet></router-outlet>包含在app.component.html即templateUrl中，由app.component.ts調用，但仍然沒有運氣。模塊'AppModule'聲明的未定義值'undefined'

app.module.ts：

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


import { AppComponent } from './app.component'; 
import { AppRoutingModule } from './app-routing.module'; 
import { TopnavComponent } from './components/navbars/topnav/topnav.component'; 
import { LeftnavComponent } from './components/navbars/leftnav/leftnav.component'; 
import { LeftnavsecondaryComponent } from './components/navbars/leftnav-secondary/leftnav-secondary.component'; 
import { WorldofwarcraftComponent } from './components/games/worldofwarcraft/worldofwarcraft.component'; 

@NgModule({ 
    imports: [ BrowserModule, FormsModule, AppRoutingModule ], 
    declarations: [ AppComponent, TopnavComponent, LeftnavComponent, LeftnavsecondaryComponent, WorldofwarcraftComponent ], 
    bootstrap: [ AppComponent ] 
}) 

export class AppModule { }

APP-routing.module.ts：

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

import { WorldofwarcraftComponent } from './components/games/worldofwarcraft/worldofwarcraft.component'; 

const appRoutes: Routes = [ 
    { path: 'worldofwacraft', component: WorldofwarcraftComponent } 
]; 

@NgModule({ 
    imports: [ RouterModule.forRoot(appRoutes) ], 
    exports: [ RouterModule ] 
}) 

export class AppRoutingModule {}

來源

2017-01-10 Kyriakos Menelaou

聽起來像某處存在週期性依賴。 – cartant

你可以添加你的代碼plnkr –

，因爲我在指數中的一個重複的出口它引起的。 ts文件：

來源

2017-05-10 16:56:27 Samuel

這是一個非常煩人和難以理解的錯誤。我使用Araxis Merge做了文件比較，發現我的兩個項目中的每個文件乍一看幾乎完全相同。但是，經過進一步的審查後，我注意到文件結構（我一開始並不真正在尋找的細微差別，而是在尋找配置差異），我的第二個項目從其中一個ts文件生成了一個js文件。

正如你可以在左側看到有一個js文件。右側項目顯示了我的節點構建器組件，並且運行時沒有錯誤。右側是造成問題的原因。

的WebPack已經拾起JavaScript文件，並試圖將它打包。很顯然，當Webpack遇到ts版本時，它將它轉換成一個重複的js文件，從而產生令人困惑的運行時異常。

t {__zone_symbol__error: Error: Unexpected value 'undefined' declared by the 
module 'AppModule' 
    at t.m (http://localhost:……}

正如你可以看到這個問題不得不無關，與配置很多帖子都讓我相信。如上所述，你的問題可能與配置有關，但在我的情況下它沒有。

來源

2017-06-02 18:26:34 jwize

我得到了同樣的錯誤，有時也會出現此問題，你只需要重新運行使用ng serve或任何CLI您使用的服務器，如提及here

來源

2017-11-08 05:07:54

是的！這對我有效..我從1小時這個問題猛擊我的頭，最後發現這 –

希望我看到這一點。我的頭髮拉出了3個小時:( – M22an

FWIW，與Ionic相同 – Damon

我面臨同樣的錯誤，我發現了原因。原因是兩個逗號，在任何數組（例如：imports屬性）這樣。

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

來源

2017-12-13 08:47:04

您節省了我的一天！ –

謝謝。 –

模塊'AppModule'聲明的未定義值'undefined'

回答

相關問題