>

각도를 배우고 있습니다. '라우터 콘센트'는 알려진 요소가 아닙니다 '라는 오류가 발생했습니다. dashboard.component.ts, dashboard.module.ts, dashboard.component.html을 포함하여 하나의 폴더 대시 보드가 있습니다. 해당 파일의 코드는 다음과 같습니다.

   dashboard.module.ts
------------------------------
    import { NgModule }      from '@angular/core';
    import { CommonModule } from '@angular/common';
    import { DashboardComponent }  from './dashboard.component';
    import { AllBookListComponent }  from './allbooklist.component';
    @NgModule({
    imports: [CommonModule],
    declarations: [AllBookListComponent,DashboardComponent],
    exports: [AllBookListComponent,DashboardComponent],
    providers: [],
    })
    export class DashboardModule {
    }
    dashboard.component.ts
-----------------------------
    import { Component } from '@angular/core';
    @Component({
    templateUrl: './dashboard.component.html',
    })
    export class DashboardComponent  
    { 
    }
    dashboard.component.html
------------------------------------
    <a routerLink="aaa" routerLinkActive="active">Home</a>
    <router-outlet ></router-outlet>
    app.module.ts
----------------------------
    import { NgModule }      from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { LoginModule }  from './login/login.module';
    import { DashboardModule }  from './dashboard/dashboard.module';
    import { routing } from './app.routing';
    import { AppComponent }  from './app.component';
    @NgModule({
    imports:[ BrowserModule,routing,LoginModule,DashboardModule],
    declarations: [ AppComponent],
    providers: [],
    bootstrap:    [ AppComponent ]
    })
    export class AppModule { }
    app.routing.ts
-----------------------
    import { NgModule } from '@angular/core';
    import { Routes, RouterModule } from '@angular/router';
    import { LoginComponent }  from './login/login.component';
    import { DashboardComponent }  from './dashboard/dashboard.component';
    import { AllBookListComponent }  from './dashboard
    export const routing = RouterModule.forRoot([
    {path: '', component: LoginComponent},
    { path: 'dashboard', component: DashboardComponent,
    children: [
    { path: 'aaa', component: AllBookListComponent }
    ]
    }
    ]);

app.component.ts
-------------------
import { Component } from '@angular/core';
@Component({
  selector: 'my-app',
  template: `<router-outlet></router-outlet>`,
})
export class AppComponent  { name = 'Angular'; }

그러나 dashboard.module.ts 대신 app.module.ts에서 DashboardComponent ( './dashboard.component';에서 {DashboardComponent} 가져 오기)를 가져 오면 정상적으로 작동합니다. 내 질문은 마지막으로 dashboard.module.ts에서 app.module.ts로 가져 와서 dashboard.module.ts 대신 app.module.ts에서 DashboardComponent를 가져와야하는 이유입니다.


  • 답변 # 1

    와이즈 비즈 가져 오기  와이즈 비즈

    설명

    RouterModule   DashBoardMoule 의 일부입니다  구성 요소가 <router-outlet> 에 액세스하려고합니다.   RouterModule 를 포함하는 모듈   router-outlet 를 가져 오지 않습니다

    DashBoardComponent

관련 자료

  • 이전 java - 점화에 연결하는 닷 NET 기본 접근 방식 대신 JDBC 점화와 함께 스프링 부트 웹 응용 프로그램을 사용하면 성능에 영향이 있습니까?
  • 다음 file io - matlab fwrite \ fread 문제 - 두 변수가 연결되었습니다