>

각도 응용 프로그램을 작성 중입니다. "라우팅 모듈"을 가져 와서 구현할 때까지 모든 것이 제대로 작동했습니다

오류 메시지

다음과 같은 문제가 발생했다고 생각하지 않습니다.

  • 여러 개의 쉼표와 같은 구문 오류
  • 재귀 통화
라우터 모듈 용 코드 :
import { NgModule } from '@angular/core';
import { Routes , RouterModule } from '@angular/router';
import { RecipesComponent } from './recipes/recipes.component';
import { ShoppingListComponent } from './shopping-list/shopping-list.component';
const appRoutes: Routes = [
	{path: 'recipes', component: RecipesComponent},
	{path: 'shopping-list', component: ShoppingListComponent},
  	{ path: '', redirectTo: 'recipes', pathMatch: 'full'},
  	{ path: '**', redirectTo: '/not-found'},
]
@NgModule({
	imports: [
		RouterModule.forRoot(appRoutes),
	],
	exports: [AppRoutingModule]
})
export class AppRoutingModule{
}

루트 컴포넌트 코드 :

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component';
import { HeaderComponent } from './header/header.component';
import { RecipesComponent } from './recipes/recipes.component';
import { RecipeListComponent } from './recipes/recipe-list/recipe-list.component';
import { RecipeDetailComponent } from './recipes/recipe-detail/recipe-detail.component';
import { RecipeItemComponent } from './recipes/recipe-list/recipe-item/recipe-item.component';
import { ShoppingListComponent } from './shopping-list/shopping-list.component';
import { ShoppingEditComponent } from './shopping-list/shopping-edit/shopping-edit.component';
import { DropdownDirective } from './shared/dropdown.directive';
import { ShoppingListService } from './shopping-list/shopping-list.service';
import { AppRoutingModule } from './app-routing.module';
@NgModule({
  declarations: [
    AppComponent,
    HeaderComponent,
    RecipesComponent,
    RecipeListComponent,
    RecipeDetailComponent,
    RecipeItemComponent,
    ShoppingListComponent,
    ShoppingEditComponent,
    DropdownDirective
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    AppRoutingModule
  ],
  providers: [ShoppingListService],
  bootstrap: [AppComponent]
})
export class AppModule { }

  • 답변 # 1

    잘못된 모듈을 내보내고 있습니다. exports: [AppRoutingModule] 변경   exports: [RouterModule] 로 .

    @NgModule({
        imports: [
            RouterModule.forRoot(appRoutes),
        ],
        exports: [RouterModule]
    })
    export class AppRoutingModule {
    }
    
    

  • 답변 # 2

    변경 :

    exports: [AppRoutingModule]
    
    

    to :

    exports: [
        RouterModule
      ]
    
    

관련 자료

  • 이전 java - Kafka Producer의 시간 초과 예외를 처리하기위한 지침?
  • 다음 python - Matplotlib (hist2D)의 2D 히스토그램은 어떻게 작동합니까?