Angular 2升级至Angular 5时出现CompilerFactory注入错误求助

这个错误是Angular版本升级后的配置变化导致的——从Angular 4开始，框架不再自动注册CompilerFactory提供商，尤其是非Angular CLI创建的项目，必须手动配置这些核心依赖才能正常启动。

下面是具体的解决步骤：

1. 统一Angular依赖版本 #

先检查你的package.json，确保所有@angular/*相关包的版本都是5.x（比如5.2.11，这是Angular 5的稳定版本），绝对不能混合不同版本的Angular库，版本不一致会引发各种依赖冲突问题。

2. 修改入口文件的引导逻辑 #

打开你的client.ts（项目入口文件），调整模块引导代码，显式注册JIT编译器工厂：

首先导入必要的模块：

import { CompilerFactory, PLATFORM_COMPILER_PROVIDERS } from '@angular/core';
import { JitCompilerFactory } from '@angular/platform-browser-dynamic';

然后在引导AppModule之前，添加编译器工厂的注册逻辑：

// 注册JIT编译器工厂
platformBrowserDynamic([
  ...PLATFORM_COMPILER_PROVIDERS,
  { provide: CompilerFactory, useClass: JitCompilerFactory, deps: [] }
]).bootstrapModule(AppModule)
  .catch(err => console.error(err));

如果之前你的引导代码是简单的platformBrowserDynamic().bootstrapModule(AppModule)，直接替换成上面的代码即可。

3. 检查Webpack配置 #

确保你的Webpack配置没有错误地排除@angular/compiler或@angular/platform-browser-dynamic这些核心库。比如检查externals配置项，不要把这些Angular包标记为外部依赖（除非你确实通过CDN引入，且CDN版本也是5.x）。

4. 清理缓存并重新构建 #

执行以下命令清理缓存并重新构建项目：

rm -rf node_modules
npm install
npm run build # 替换成你项目对应的构建命令

完成以上步骤后，应该就能解决NullInjectorError: No provider for CompilerFactory!的问题了。

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