ionic2升级ionic3步骤和注意点
注意:
升级前确保nodejs版本6以上,npm版本3以上;最好使用npm命令,cnpm可能不是最新,可能出现奇怪的问题,npm需要翻墙,顺便推荐一个好的翻墙工具,30 ,50一年,挺好用的
一:卸载重装ionic
npm uninstall -g ionic
卸载ionic
npm install -g ionic@latest
重装最新版Ionic CLI
二:重新下载依赖
把node_modules全部删掉,package.json改为(以ionic3.3为例,具体升级哪个版本可以按照官方github的说明操作)
"dependencies": { "@angular/common": "4.1.2", "@angular/compiler": "4.1.2", "@angular/compiler-cli": "4.1.2", "@angular/core": "4.1.2", "@angular/forms": "4.1.2", "@angular/http": "4.1.2", "@angular/platform-browser": "4.1.2", "@angular/platform-browser-dynamic": "4.1.2", "@ionic-native/core": "3.6.1", "@ionic-native/splash-screen": "3.6.1", "@ionic-native/status-bar": "3.6.1", "@ionic/storage": "2.0.1", "ionic-angular": "3.3.0", "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", "typescript": "2.3.3" }
重新执行npm install
三:按照官方博客下载Cordova plugin,支持已存在的ionic项目(比如ionic1)
npm install --save-dev --save-exact @ionic/cli-plugin-ionic-angular@latest
npm install --save-dev --save-exact @ionic/cli-plugin-cordova@latest
四:将项目中用到的插件重新保存到ionic-native(如果没有add过的插件,得先add,再执行下面)
注意,如果
package.json
中有你原先装的插件了,下面这一步不需要
npm install --save @ionic-native/插件名称
至此,升级完成
升级完后注意:
ionic cli 升级到3.X后,命令发生了改变,一般是
ionic cordova ....
比如:ionic cordova build android
等
打包1的项目则必须用cordova build android
同时注意下载上文提到的支持1项目的插件