ionic2升级ionic3详细过程

1.升级ionic版本:npm uninstall -g ionic卸载现在的ionic,npminstall -g ionic@latest安装最新版

2.在ionic-base中复制package.json中dependencies和devDependencies的内容并替换自己项目中的package.json里的内容

3.删除node_modules文件夹并重新运行npm install重新生成依赖

4.在app.module.ts中添加

import{BrowserModule}from'@angular/platform-browser'

并把BrowserModule加入import中

5.根据官方文档重新导入ionic-native控件


升级过程中遇到的问题:

1.npm ERR! Windows_NT 6.1.7601

这个问题是npm无法连接到正确的地址,可以使用淘宝镜像,通过运行

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装淘宝镜像,运行cnpm -v查看能看到版本号则安装正常,之后运行cnpm install可以正常安装

2.Install fail! SyntaxError: Unexpected token / in JSON at position 416 

这个问题比较坑,是因为没有完全复制package.json下的内容导致的,本来只复制了前面说的两个,发现json解析一直有问题,就把所有内容复制下来,并修改了自己的app相应的信息,之后cnpm install成功了

3.Runtime Error: cannot find module ionicnative

输入命令cnpm install ionic-native --save

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,463评论 19 139
  • 前言 众所周知目前比较火的工具就是gulp和webpack,但webpack和gulp却有所不同,本人两者的底层研...
    cduyzh阅读 5,201评论 0 13
  • 简介:gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发...
    情怀水岸阅读 4,239评论 0 5
  • 【女娄菜】 中文学名 女娄菜(救荒本草) 拉丁学名 Silene aprica Turcz. ex Fisc...
    风荷LOTUS阅读 4,338评论 0 3
  • 屠苏送暖夜星微,落落乾坤梦相随。 明月如梭犹未去,白驹过隙不曾追。 烟花影里知昨是,烦恼心头忘今非。 却舍红尘青灯...
    冷月_如霜阅读 1,488评论 0 1