2016-06-18 4 views
0

Ich benutze die soziale App-Lernprogramm zu lernen Angular2 und Meteor. Ich bin auf ein Problem gestoßen, bei dem ich die Ursache nicht finden kann.Kann nicht lesen 'Annotationen' von undefined bei der Verwendung von routconfig

Ich folge eine tutorial, die hinzuzufügen heißt es:

RouteConfig Anmerkung:

@RouteConfig([ 
    { 
    path: '/', 
    as: 'PartiesList', 
    component: PartiesList 
    }, { 
    path: '/party/:partyId', 
    as: 'PartyDetails', 
    component: PartyDetails 
    } 
]); 

router-outlet im app.html:

<router-outlet></router-outlet> 

Ich erhalte diese Ausnahme, wenn der Laden App in Chrome:

EXCEPTION: Error in /client/app.html:0:0BrowserDomAdapter.logError @ 
modules.js?hash=12bd683…:59337BrowserDomAdapter.logGroup @ modules.js? 
hash=12bd683…:59347ExceptionHandler.call @ modules.js? 
hash=12bd683…:48750(anonymous function) @ modules.js? 
hash=12bd683…:54194ZoneDelegate.invoke @ modules.js? 
hash=12bd683…:107413onInvoke @ modules.js? 
hash=12bd683…:54615ZoneDelegate.invoke @ modules.js? 
hash=12bd683…:107412Zone.run @ modules.js? 
hash=12bd683…:107306NgZoneImpl.runInner @ modules.js? 
hash=12bd683…:54646NgZone.run @ modules.js? 
hash=12bd683…:54538ApplicationRef_.run @ modules.js? 
hash=12bd683…:54183ApplicationRef_.bootstrap @ modules.js? 
hash=12bd683…:54205(anonymous function) @ modules.js? 
hash=12bd683…:53993(anonymous function) @ meteor.js? 
hash=ae8b8af…:1105ZoneDelegate.invoke @ modules.js? 
hash=12bd683…:107413onInvoke @ modules.js? 
hash=12bd683…:54615ZoneDelegate.invoke @ modules.js? 
hash=12bd683…:107412Zone.run 

... 

modules.js?hash=12bd683…:59337 TypeError: Cannot read property 'annotations' 
of undefined 
at RouteRegistry.configFromComponent (modules.js?hash=12bd683…:87825) 
at new RootRouter (modules.js?hash=12bd683…:87151) 
at routerFactory (modules.js?hash=12bd683…:89570) 
at ReflectiveInjector_._instantiate (modules.js?hash=12bd683…:50544) 
at ReflectiveInjector_._instantiateProvider (modules.js?hash=12bd683…:50473) 
at ReflectiveInjector_._new (modules.js?hash=12bd683…:50462) 
at ReflectiveInjectorDynamicStrategy.getObjByKeyId (modules.js?hash=12bd683…:50117) 
at ReflectiveInjector_._getByKeyDefault (modules.js?hash=12bd683…:50642) 
at ReflectiveInjector_._getByKey (modules.js?hash=12bd683…:50614) 
at ReflectiveInjector_.get (modules.js?hash=12bd683…:50423) 

Wenn ich die @RouteConfig entferne, dann tritt keine Ausnahme auf, aber nichts wird offensichtlich angezeigt, da kein Inhalt vorhanden ist. Irgendeine Idee was könnte das verursachen?

Antwort

0

Nach einiger Zeit die Winkel- und Meteor Zeit kam mit neuen Versionen auf, die zum Zeitpunkt des Schreibens aus dem Kasten heraus zu arbeiten. Ich habe auch zufällig herausgefunden, wie man ein Paket installiert. Sie können das folgende Format verwenden:

meteor npm install @angular/core 

zum Beispiel des Winkelkernpaket

0

@RouterConfig ist nur für frühere Versionen des Routers veraltet und rc1 verfügbar. Mit dem neuen Release 3.0.0.apha.7 ist es nicht mehr verfügbar. Lesen Sie die Dokumentation bei Routing & Navigation

Ein Beispiel für die Verwendung ist

export const DashboarRoutes = [ 
    { 
    path: 'dashboard', 
    component: DashboardComponent 
    }, 
    ... 
    e.t.c  
] 
export const routes: RouterConfig = [ 
...DashboardRoutes, 
...UIRoutes 
]; 

export const APP_ROUTER_PROVIDERS = [ 
    provideRouter(routes) 
]; 


APP_ROUTER_PROVIDERS is then passed when bootstrapping main application 
+0

Welchen Befehl installieren soll ich das erforderliche neue Paket zu erhalten nutzen? Sie haben Ihren Vorschlag versucht, aber die Komponenten sind nicht aufgelöst. – mmelsen

+0

Mit dem neuen Router 3.0.0.apha.7, mit dem oben beschriebenen Setup, scheint es, dass die Komponenten undefiniert zurückkommen. irgendwelche Ideen? – Colum

+0

Ja, zurück undefiniert. – twilliams

Verwandte Themen