在Angular 10中使用模块化路由时如何正确处理404

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

const routes: Routes = [
  // 定义其他路由配置
];

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

const routes: Routes = [
  // 定义其他路由配置
  
  // 通用路由，用于处理404错误
  { path: '**', component: PageNotFoundComponent }
];

import { Component } from '@angular/core';

@Component({
  selector: 'app-page-not-found',
  template: `
    <h1>404 Error - Page Not Found</h1>
    <p>The requested page does not exist.</p>
  `
})
export class PageNotFoundComponent { }

const routes: Routes = [
  // 定义其他路由配置
  
  // 通用路由，用于处理404错误
  { path: '**', component: PageNotFoundComponent }
];