'AppModule'모듈에서 예기치 않은 값 'undefined'를 선언했습니다.

'AppModule'모듈에서 예기치 않은 값 'undefined'를 선언했습니다.

---

여기서 무엇이 잘못 되었습니까? 작동하도록 노력하고 있지만 헤더에 오류가 발생합니다. 나는 포함했다 <router-outlet></router-outlet>에서이 app.component.html되고 있음 templateUrl에 의해 호출되지 app.component.ts행운 여전히.

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

---

동일한 오류가 발생했습니다. 때때로이 문제가 발생하며 여기에ng serve 언급 된대로 사용하는 CLI 또는 사용 하는 CLI를 사용 하여 서버를 다시 실행하기 만하면 됩니다.

---

나는 같은 오류에 직면했고 그 이유를 발견했습니다. 그 이유는 imports이와 같은 배열 (예 : property) 에있는 두 개의 쉼표였습니다 .

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

---

다음을 시도해보십시오 . 서비스를
중지하고 시작하십시오 ng-serve. 이제 페이지를 탐색 할 수 있습니다.

---

내 index.ts 파일 중 하나에서 내보내기를 반복했기 때문에 발생했습니다.

---

이것은 매우 성 가시고 이해하기 어려운 오류입니다. Araxis Merge를 사용하여 파일을 비교 한 결과 두 프로젝트의 모든 파일이 언뜻보기에 거의 동일하다는 것을 알았습니다. 그러나 추가 검토 후 두 번째 프로젝트가 ts 파일 중 하나에서 js 파일을 생성했다는 파일 구조 (처음에는 실제로 찾고있는 것이 아니라 구성 차이점을 찾고 있음)에 약간의 차이가 있음을 발견했습니다.

왼쪽에서 볼 수 있듯이 js 파일이 있습니다. 오른쪽 프로젝트는 내 노드 작성기 구성 요소를 표시하고 오류없이 실행되었습니다. 오른쪽은 문제의 원인이었습니다.

Webpack had picked up that Javascript file and tried to package it. Obviously, when Webpack encountered the ts version it transpiled it into a duplicate js file, thus creating a confusing run-time exception.

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

As you can see this problem had nothing to do with configuration as many posts had led me to believe. As stated above your problem may have to do with configuration but in my case it did not.

---

This happened to me as well, in @Component I wrote selector: all-employees and in app.module.ts module it was <all- employees></all- employees>

---

In my case it was class name diffrent and the name i.e in between { name } exported in app.mdoule.ts was diffrent

good luck

---

In my case, on app.module.ts ( Ionic 3 )

providers: [
    , StatusBar
    , SplashScreen

Changed to:

providers: [
     StatusBar
    , SplashScreen

And works.

---

Experienced this with Angular 2 and it turns out it has something to do with imports and relative paths, if you're exporting something in from the same location

For instance when using barrels, explicitly specify the ./

export * from './create-profile.component';

instead of

export * from 'create-profile.component';

---

This is similar to the answer suggesting re-running ng serve, but that wasn't relevant for my situation as I have the app permanently running in IIS. In my case, I had built with ng build --watch, but stopping that and re-running it fixed the problem. I assume something was built incorrectly when it was an incremental build, but doing the full build fixed the problem.

참고URL : https://stackoverflow.com/questions/41560510/unexpected-value-undefined-declared-by-the-module-appmodule