Angular：在/src/app/app-routing.module.ts中找不到路由声明

Question

当我尝试为使用以下命令生成的组件添加自动路由时

ng generate module orders --route orders --module app.module

我收到错误

Couldn't find a route declaration in /src/app/app-routing.module.ts.

应用程序路由.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Routes } from '@angular/router';


@NgModule({
  declarations: [],
  imports: [
    CommonModule
  ]
})
export class AppRoutingModule {

 }

我还尝试将这一行添加到应用程序路由文件中

export const routes: Routes = []

问题仍然存在。如何修复此错误？

Answer 1

我在使用角度模板时遇到了同样的问题。解决方案是显式写入路由文件名

ng generate module customers --route customers --module app.routing.ts

Answer 2

您需要将路由添加到 Angular 模块 (@NgModule)。以下是如何执行此操作的示例（更多信息请参见此处）：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

// Import the RouterModule
import { Routes, RouterModule } from '@angular/router';

//import the routes from your app-routing file
import { routes } from './app-routing';

@NgModule({
  declarations: [],
  imports: [
    CommonModule,

    //Add the routes to your Angular Module
    RouterModule.forRoot(routes)
  ]
})
export class AppRoutingModule {

 }