Ionic 5.4.16创建Angular空白项目缺失核心文件，求解决方案

这是Angular 14+引入的**独立组件（Standalone Components）**架构变化，Ionic官方模板同步适配了这个新模式：

• 原app.module.ts是NgModule架构的核心配置文件，独立组件模式下无需依赖NgModule，因此被移除
• app-routing.module.ts被简化为app.routes.ts，直接导出路由数组，替代原NgModule风格的路由配置

方法一：创建项目时指定非独立模式 #

如果还未创建项目，执行命令时添加--no-standalone参数，直接生成包含app.module.ts和app-routing.module.ts的传统结构：

ionic start 你的项目名 blank --type angular --no-standalone

方法二：手动修改已创建的项目 #

若已创建项目，可手动重建缺失文件并调整入口配置：

1. 创建app.module.ts：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';
import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule],
  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
  bootstrap: [AppComponent],
})
export class AppModule {}

2. 创建app-routing.module.ts：

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

const routes: Routes = [
  {
    path: '',
    redirectTo: 'home',
    pathMatch: 'full'
  },
  {
    path: 'home',
    loadChildren: () => import('./home/home.module').then(m => m.HomePageModule)
  }
];

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

3. 修改main.ts入口文件：
   替换原独立组件引导代码为NgModule引导：

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.error(err));

内容的提问来源于stack exchange，提问作者MPetrovic