Inattendus de la valeur "undefined" déclarée par le module "AppModule'

Question

Quel est le problème ici? Je suis en train de le faire fonctionner, mais j'obtiens cette erreur dans l'en-tête. J'ai inclus l' <router-outlet></router-outlet> dans la app.component.html cours templateUrl appelé par l' app.component.ts, toujours pas de chance.

app.le 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-routage.le 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 {}

Answer 1

J'ai eu le même message d'erreur , parfois, ce problème se produit, et vous avez seulement besoin de relancer le serveur en utilisant l' ng serve ou quelle que soit la CLI vous utilisez , comme mentionné ici

Answer 2

J'ai fait face à la même erreur et j'ai découvert la raison. La raison en est deux virgules , dans un tableau (par exemple: imports de la propriété).

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

Answer 3

Essayez ceci peut vous aider:
Arrêter et Démarrer l' ng-servede service. Maintenant, la page pourrait naviguer.

Answer 4

Il a été causé parce que j'ai répété l'exportation dans un de mes index.ts fichier:

Answer 5

C'est un très ennuyeux et difficile à comprendre erreur. J'ai fait une comparaison de fichiers à l'aide de Araxis Merge trouvé tous les fichiers dans mes deux projets ont été presque identiques à première vue. Toutefois, après un examen, j'ai remarqué une légère différence dans la structure de fichier(dont je n'étais pas vraiment au début, mais j'étais à la recherche pour les différences de configuration) que mon deuxième projet a généré un fichier js à partir de l'un des fichiers ts.

Comme vous pouvez le voir sur le côté gauche il y a un fichier js. Le côté droit du projet a montré mon nœud-générateur et s'est exécuté sans erreur. Le côté droit était la cause du problème.

Webpack avait ramassé que le fichier Javascript et essayé de les emballer. Évidemment, quand Webpack rencontré le ts version il transpiled dans un double fichier js, créant ainsi une confusion au moment de l'exécution d'exception.

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

Comme vous pouvez le voir, ce problème n'avait rien à voir avec la configuration que de nombreux posts m'avaient amené à croire. Comme indiqué ci-dessus, votre problème peut avoir à faire avec la configuration, mais dans mon cas, il n'a pas.