Angular10升级至15运行报错：PlatformLocation需JIT编译器但@angular/compiler缺失

核心原因 #

这个错误本质是项目中存在未经过Angular Linker处理的依赖库，或是AOT编译配置异常，导致PlatformLocation这类需要AOT编译的注入器无法被正确解析，进而触发JIT编译器缺失的报错。

分步解决方案 #

1. 强制处理第三方依赖的Ivy兼容性 #

Angular 13+要求所有依赖Angular的第三方库必须通过ngcc（Angular Compatibility Compiler）处理，否则会出现JIT相关错误：

• 执行命令手动处理所有依赖：

  npx ngcc --properties es2020 browser module main --first-only --create-ivy-entry-points
  

• 检查package.json或tsconfig.json，删除任何"enableIvy": false的配置（Angular 15默认启用Ivy，禁用会导致编译逻辑混乱）。

2. 修正项目引导逻辑 #

确保引导方式与编译模式匹配：

• AOT模式（推荐）：检查main.ts的引导代码是否为AOT格式：

  import { platformBrowser } from '@angular/platform-browser';
  import { AppModuleNgFactory } from './app/app.module.ngfactory';
  
  platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);
  

  Angular 14+可使用简化写法：

  import { bootstrapApplication } from '@angular/platform-browser';
  import { AppComponent } from './app/app.component';
  import { appConfig } from './app/app.config';
  
  bootstrapApplication(AppComponent, appConfig);
  

• 临时使用JIT（不推荐）：若必须用JIT，需在引导前导入编译器：

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

3. 清理缓存并重建项目 #

缓存残留可能导致编译异常，执行以下步骤：

• 删除依赖目录与锁文件：

  rm -rf node_modules package-lock.json yarn.lock
  

• 重新安装依赖：

  npm install
  

• 清理Angular构建缓存：

  ng cache clean
  

• 以AOT模式重新构建：

  ng build --aot
  

4. 检查PlatformLocation的注入环境 #

确认注入PlatformLocation的模块已正确导入BrowserModule：

import { BrowserModule } from '@angular/platform-browser';

@NgModule({
  imports: [BrowserModule],
  // ...其他配置
})
export class AppModule { }

额外排查方向 #

• 检查所有第三方库版本是否兼容Angular 15，旧版UI组件库、路由插件等可能未适配Ivy，需升级到对应兼容版本。
• 核对tsconfig.json中的angularCompilerOptions，确保strictTemplates等配置未干扰正常编译流程。

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