美文网首页ionic2我的 ionic
ionic2升级ionic3步骤和注意点

ionic2升级ionic3步骤和注意点

作者: YuRi_1 | 来源:发表于2017-06-01 09:16 被阅读345次
    注意:

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

    相关文章

      网友评论

      • 898097e15cf1:npm uninstall -g ionic的时候报错
        npm ERR! Darwin 16.0.0
        npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "uninstall" "-g" "ionic"
        npm ERR! node v7.10.0
        npm ERR! npm v4.2.0
        npm ERR! path /usr/local/lib/node_modules/ionic/node_modules/@ionic/app-generators
        npm ERR! code ENOENT
        npm ERR! errno -2
        npm ERR! syscall access

        npm ERR! enoent ENOENT: no such file or directory, access '/usr/local/lib/node_modules/ionic/node_modules/@ionic/app-generators'
        npm ERR! enoent ENOENT: no such file or directory, access '/usr/local/lib/node_modules/ionic/node_modules/@ionic/app-generators'
        npm ERR! enoent This is most likely not a problem with npm itself
        npm ERR! enoent and is related to npm not being able to find a file.
        npm ERR! enoent

        npm ERR! Please include the following file with any support request:
        npm ERR! /Users/hdkj/.npm/_logs/2017-06-22T07_06_08_148Z-debug.log
        开始以为是权限不够,加上sudo结果也一样,请问博主有解决的思路吗
        YuRi_1:@mysticwe 如果命令不可以卸载的话,你可以尝试手动删除ionic相关文件

      本文标题:ionic2升级ionic3步骤和注意点

      本文链接:https://www.haomeiwen.com/subject/dtysfxtx.html