2016-12-22 24 views
16

次の問題があります:Cannot read property 'outlets' of nullです。私のプロジェクトはうまくいきましたが、しばらくして作業が止まりましたが、コードを変更しませんでした。お願い助けて。
更新
ルータ-出口と私のコンポーネント:nullのプロパティ 'アウトレット'を読み取ることができません

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. stackoverflow `` -is code 'のために' quote against `があります。

+1

ようこそStackOverflow。誰もがこの情報で問題を診断する方法はありません。 –

+0

私たちにいくつかのコードを教えてください。あなたは 'アウトレット 'と呼ばれる部分です –

+0

どのコードを見たいですか? 2838 2)core.umd.js:2843 3)core.umd.js:2844 4)Subscriber.ts:エラーが 1)core.umd.jsで起こった241 – roma9806mail

答えて

50

今後の参考として:[routerLink]を使用して['/foo', null]のような配列を使用すると、このエラーが発生します。 nullの代わりにオブジェクトを指定することで修正しました。

+1

私は 'router.navigate([url])'を実行していて、 'url'は' null'でした。この答えは私が正しい場所を見に行く手がかりだった!ありがとうarturh、ありがとうstackoverflow :) –

+0

はい、ほぼ確実にOPのためのデータの問題。ルータリンクアレイに供給していた値が突然見つからなくなったとき、私はこの問題に遭遇しました。コードを変更せずにコードが破損した場合は、データを確認してください。 – Stuart

+0

ありがとうございます - これは正しい方向に私を指摘しました。 –

関連する問題