升级到Ionic 5报错Error: Angular JIT compilation failed: '@angular/compiler' not loaded!

一个app使用的是Ionic以及angular开发的,升级到Ionic 5,angular 9。升级如下:

npm install @ionic/angular@latest @ionic/angular-toolkit@latest --save-exact --save
ng update @angular/core @angular/cli

运行时报错:

Error: Angular JIT compilation failed: '@angular/compiler' not loaded!
- JIT compilation is discouraged for production use-cases! Consider AOT mode instead.
- Did you bootstrap using '@angular/platform-browser-dynamic' or '@angular/platform-server'?
- Alternatively provide the compiler with 'import "@angular/compiler";' before bootstrapping.
at getCompilerFacade (core.js:610)
at Function.get (core.js:16065)
at getInjectableDef (core.js:362)
at injectableDefOrInjectorDefFactory (core.js:16816)

解决方法一(推荐)

在main.ts文件里导入@angular/compiler。

import '@angular/compiler';

方法二:

在angular.json,把"aot": true 改为 "aot: false。

方法三:

在ionic执行命令添加--aot=false:

ionic serve -- --aot=false

其中方法二和方法三是不推荐,aot会提高性能。

版权声明:著作权归作者所有。

相关推荐

Angular 5升级到Angular 6

Angular升级建议先到https://update.angular.io,它会根据你选择的原Angular和目标Angular版本给出一些升级建议。Angular 5升级到Angular 6升级前1、如果项目中有用到HttpModule和Http Service,把它们切换到HttpClientModule和HttpClient Service。HttpClient有几个特性:不需要调用.js

[译]Angular 5:升级和新功能的总结

代号为pentagonal-donut的Angular 5刚刚发布,它带来了一些新功能以及一些内部变化,这些会让Angular应用变得更小,执行变得更快。 在这篇文章中,我们将简要介绍一些最重要的变化以及升级指南。 有关更多详细信息,请参阅公告博客帖子,有关所有更改的详细信息,请参阅官方更新日志。性能这是Angular 5包含的一些改变,它会让你的应用变得更

升级angular cli到最新版本

升级angular cli我们可能首先想到的是npm updatenpm update angular-cli -g 但执行完后,使用ng v查看angular cli 的版本,版本仍然为旧的。下面方法可以升级angular cli到最新版本:全局安装升级angular cli到最新的版本需要先卸载