angular报错ERROR Error Uncaught in promise Error The NgModule MainModule needs to be compiled using the JIT compiler but angularcompiler is not available怎么解决

这个错误通常是因为在使用 AOT 编译时，没有正确配置应用程序以使用 JIT 编译器。

要解决这个问题，可以尝试以下几个步骤：

1. 确保在应用程序的 tsconfig.json 文件中，"angularCompilerOptions" 的 AOT 属性为 true。

2. 确保在应用程序的 main.ts 文件中，platformBrowserDynamic().bootstrapModule() 方法使用了 JitCompilerFactory。

例如：

import { JitCompilerFactory } from '@angular/compiler';

...

const compilerFactory = new JitCompilerFactory();
const compiler = compilerFactory.createCompiler();

...

platformBrowserDynamic().bootstrapModule(AppModule, {
  compiler: compiler
})

3. 确保在应用程序的 app.module.ts 文件中，导入了 BrowserAnimationsModule 和 NoopAnimationsModule。

例如：

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';

...

@NgModule({
  imports: [
    ...
    BrowserAnimationsModule,
    NoopAnimationsModule,
    ...
  ],
  ...
})
export class AppModule { }

如果以上步骤都无法解决问题，可以尝试重新安装 @angular/compiler 依赖项，或者升级到最新版本