Ionic2升级到Ionic3
因为项目是Ionic2,为了加快App启动速度，打开命令Ionic build android --prod生成的时候报错，因为报错是插件的问题，所以就想升级到Ionic3，之后再打包就成功了。
下面是升级Ionic3的步骤：
1.更改项目中package.json中dependencies和devDependencies的版本号，如下面所示。
"dependencies": {
"@angular/common":
"4.1.0",
"@angular/compiler":
"4.1.0",
"@angular/compiler-cli":
"4.1.0",
"@angular/core":
"4.1.0",
"@angular/forms":
"4.1.0",
"@angular/http":
"4.1.0",
"@angular/platform-browser":
"4.1.0",
"@angular/platform-browser-dynamic":
"4.1.0",
"@ionic-native/barcode-scanner":
"^3.10.2",
"@ionic-native/camera":
"^3.10.2",
"@ionic-native/core":
"3.7.0",
"@ionic-native/splash-screen":
"^3.7.0",
"@ionic-native/status-bar":
"3.7.0",
"@ionic/storage":
"2.0.1",
"ionic-angular":
"3.2.1",
"ionicons":
"3.0.0",
"rxjs":
"5.1.1",
"sw-toolbox":
"3.6.0",
"zone.js":
"0.8.10"
},
"devDependencies": {
"@ionic/app-scripts":
"1.3.7",
"@ionic/cli-plugin-cordova":
"1.1.2",
"typescript":
"2.2.1"
},
2.运行命令
npm clear cache 清除npm缓存
npm install重新生成依赖注入
3.然后在app.module.ts中的导入 BrowserModule 和 HttpModule.
import {
BrowserModule }
from
'@angular/platform-browser';
import {
HttpModule }
from
'@angular/http';
imports: [
HttpModule,
BrowserModule,
IonicModule.
forRoot(
MyApp, {
tabsHideOnSubPages:
true}),
IonicStorageModule.
forRoot()
],
4.如果之前项目有引用native的插件，需要在官网相对应的native(Ionic官网)插件中，重新使用命令保存。
5.ionic serve运行项目看是否有错误,如果没有就继续打包啦，如果有就自己解决去解决啦（PS:我是没有报错的了...）
6.然后运行打包命令：ionic build android --prod
但是在这个时候报错了,好像是因为Ionic3更改了打包的命令为ionic cordova build android --prod 到这就没有问题了