webentwicklung-frage-antwort-db.com.de

Unerwarteter Wert 'undefined' wurde vom Modul 'AppModule' deklariert

Was ist hier falsch? Ich versuche, dass es funktioniert, aber ich bekomme diesen Fehler in der Kopfzeile. Ich habe den <router-outlet></router-outlet> in den app.component.html aufgenommen, der templateUrl vom app.component.ts aufgerufen wird, immer noch kein Glück.

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 {}
angularangular2-routing
43
Kyriakos Menelaou

Ich habe den gleichen Fehler erhalten, manchmal tritt dieses Problem auf und Sie müssen den Server nur erneut mit ng serve oder der von Ihnen verwendeten CLI ausführen, wie bereits erwähnt hier

86
Cyber Progs

Ich hatte den gleichen Fehler und entdeckte den Grund ... Die Ursache waren zwei Kommas in einem beliebigen Array (zum Beispiel: imports-Eigenschaft) wie folgt.

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

Versuchen Sie, dies kann Ihnen helfen: 
Stoppen und starten Sie den ng-serve-Dienst . Jetzt kann die Seite navigieren.

4
Shankar Sha

Sie wurde verursacht, weil ich den Export in einer meiner index.ts-Datei wiederholt habe:

3
Samuel

Dies ist ein sehr ärgerlicher und schwer verständlicher Fehler. Ich habe einen Dateivergleich mit Araxis Merge durchgeführt und festgestellt, dass jede Datei in meinen beiden Projekten auf den ersten Blick fast identisch war. Nach weiterer Überprüfung bemerkte ich jedoch einen geringfügigen Unterschied in der Dateistruktur (nach dem ich zuerst nicht wirklich gesucht hatte, sondern nach Konfigurationsunterschieden suchte), dass mein zweites Projekt eine js-Datei aus einer der ts-Dateien generiert hatte.

Wie Sie sehen können, ist auf der linken Seite eine js-Datei. Das Projekt auf der rechten Seite zeigte meine Node-Builder-Komponente und lief ohne Fehler. Die rechte Seite hat das Problem verursacht.

 Extra unneeded file

Webpack hatte diese Javascript-Datei aufgesucht und versucht, diese zu packen. Wenn Webpack auf die ts-Version stieß, wurde es offensichtlich in eine doppelte js-Datei umgewandelt, was zu einer verwirrenden Laufzeitausnahme führte.

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

Wie Sie sehen, hatte dieses Problem nichts mit der Konfiguration zu tun, da viele Beiträge mich glauben gemacht hatten. Wie bereits erwähnt, hat Ihr Problem möglicherweise mit der Konfiguration zu tun, in meinem Fall jedoch nicht. 

2
jwize

Das passierte auch mir, in @Component schrieb ich Selector: all-employees und in app.module.ts-Modul war es <all- employees></all- employees>

0
Alexander Zaldostanov

In meinem Fall auf app.module.ts (Ionic 3)

providers: [
    , StatusBar
    , SplashScreen

Gewechselt zu:

providers: [
     StatusBar
    , SplashScreen

Und funktioniert.

0
Reynaldo

Dies ähnelt der Antwort dem Vorschlag, ng serve erneut auszuführen, aber das war für meine Situation nicht relevant, da die App permanent in IIS ausgeführt wird. In meinem Fall hatte ich mit ng build --watch gebaut, aber das Anhalten und erneutes Ausführen hat das Problem behoben. Ich gehe davon aus, dass etwas falsch erstellt wurde, als es ein inkrementeller Build war, aber der vollständige Build hat das Problem behoben.

0
Tim

Dies wurde mit Angular 2 erlebt, und es hat etwas mit Importen und relativen Pfaden zu tun, wenn Sie etwas vom selben Speicherort exportieren

Wenn Sie beispielsweise Fässer verwenden, geben Sie den ./ explizit an.

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

anstatt

export * from 'create-profile.component';
0
Yidir

In meinem Fall war der Klassenname anders und der Name {Name}, der in app.module.ts exportiert wurde, war anders

viel Glück

0
DEEPAK