ActivatedRoute.routeConfig가 null입니다. Angular-cli로 된 Angular 2 프로젝트

Question

angular-cli을 사용하여 2 개의 다른 프로젝트를 만들었습니다. 둘 다 완벽하게 작동하지만 그 중 하나에 routeConfig은 null이고 무엇이 잘못되었는지 전혀 모른다.

두 파일의 package.json은 동일하므로 패키지 버전에 대한 의심의 여지가 없습니다. app.modules 파일도 동일합니다.

import { Component, OnInit } from '@angular/core'; 
import { ActivatedRoute } from '@angular/router'; 

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.scss'] 
}) 
export class AppComponent implements OnInit { 
    constructor(
    private router: ActivatedRoute 
) { } 

    ngOnInit(): void { 
    console.log(this.router.routeConfig); 
    } 
} 

내 구현 무슨 일이야 : 여기

내가 두 프로젝트에 routeConfig 얼마나입니까?

Answer 1

내 코드를 둘러 보면서 몇 가지 어려움을 겪은 후에 템플릿 부분에있는 두 가지 앱의 주요 차이점을 발견했습니다.

작품 : home.component.html

<div class="container bg"> 
    <div class="row"> 
    <div class="col-lg-3"> 
     <div class="sidebar"> 
     <app-sidebar></app-sidebar> 
     </div> 
    </div> 
    <div class="col-lg-9"> 
     <div class="content-bar"> 
     <!-- Body --> 
     <p> 
      home works! 
     </p> 
     <!-- /body --> 
     </div> 
    </div> 
    </div> 
</div> 

작동하지 않습니다 app.component.html

<div class="container bg"> 
    <div class="row"> 
    <div class="col-lg-3"> 
     <div class="sidebar"> 
     <!-- <app-sidebar></app-sidebar> --> 
     </div> 
    </div> 
    <div class="col-lg-9"> 
     <div class="content-bar"> 
     <!-- Body --> 
     <router-outlet></router-outlet> 
     <!-- /body --> 
     </div> 
    </div> 
    </div> 
</div> 

이ActivatedRoute가 sidebar.component.ts 내부 NULL 것을 주목해야한다.

답변이 명확하지 않은 경우 의견을 말씀 해주시면 언제든지 업데이트하겠습니다.