2016-12-22 10 views
16

Ich habe nächstes Problem: Cannot read property 'outlets' of null. Mein Projekt funktioniert, aber nach einiger Zeit hat es aufgehört zu arbeiten, aber ich habe meinen Code nicht geändert. Hilf mir bitte.
aktualisieren
My-Komponente mit Router-Ausgang:Kann Eigenschaft "Steckdosen" von Null nicht lesen

import { Component } from '@angular/core'; 

@Component({ 
    selector: 'app', 
    template: ' 
    <nav-menu></nav-menu> 
    <router-outlet></router-outlet> 
    <footer-component></footer-component> 

', 
}) 
export class AppComponent {} 

app.module:

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { RouterModule } from '@angular/router'; 
import { LocationStrategy, PathLocationStrategy, APP_BASE_HREF } from  '@angular/common'; 
import { HttpModule } from '@angular/http'; 
import {FormsModule,ReactiveFormsModule} from '@angular/forms'; 
//+components 
@NgModule({ 
    imports: 
    [ 
     BrowserModule, 
     HttpModule, 
     FormsModule, 
     ReactiveFormsModule, 
     RouterModule.forRoot([ 
      { path: '', component: HomeComponent }, 
      { path: 'home', component: HomeComponent }, 
      { path: 'blog', component: BlogComponent }, 
      { path: '2016/:link', component: BlogArticleFullComponent }, 
      { 
       path: 'admin', component: AdminComponent, 
       children: [ 
        { path: 'new', component: NewArticleComponent }, 
        { path: 'new-writer', component: NewWriterComponent }, 
        { path: 'new-tag', component: NewTagComponent } 
       ] }, 
      { path: '**', redirectTo: '', pathMatch: 'full'} 
     ]) 
    ], 
    declarations: 
    [//components 
    ], 
    bootstrap: 
    [ 
     AppComponent 
    ], 
    providers: 
    [ 
     { provide: APP_BASE_HREF, useValue: '/' }, 
     { provide: LocationStrategy, useClass: PathLocationStrategy } 
    ] 
}) 
export class AppModule { } 

P. S. Es gibt ein "Zitat gegen", weil stackoverflow `` -is-Code ist.

+1

Willkommen bei StackOverflow. Niemand kann das Problem mit diesen Informationen diagnostizieren. –

+0

Zeigen Sie uns einen Code ... Teil, wo Sie 'outlets' anrufen –

+0

Welchen Code möchten Sie sehen? Fehler geschah in 1) core.umd.js: 2838 2) core.umd.js: 2843 3) core.umd.js: 2844 4) Subscriber.ts: 241 – roma9806mail

Antwort

50

Für zukünftige Referenz: Ich habe diesen Fehler bei der Verwendung [routerLink] mit einem Array, die wie ['/foo', null] sah. Es wurde behoben, indem ein Objekt anstelle von null bereitgestellt wurde.

+1

Ich war 'router.navigate ([url])' und 'url' war' null'. Diese Antwort war ein Hinweis für mich, um den richtigen Ort zu sehen! Danke arturh, danke stackoverflow :) –

+0

Ja, fast sicher ein Datenproblem für das OP. Ich bin gerade darauf gestoßen, als ein Wert, den ich einem Router-Link-Array lieferte, unerwartet fehlte. Wenn der Code bricht, ohne den Code zu ändern, suchen Sie nach Ihren Daten. – Stuart

+0

Danke auch - das wies mich in die richtige Richtung. –

Verwandte Themen