ionic2我的 ionic

ionic2升级ionic3步骤和注意点

2017-06-01  本文已影响345人  YuRi_1
注意:

升级前确保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项目的插件

上一篇 下一篇

猜你喜欢

热点阅读