【Angular】Angular 5 升级到Angular 6 过程实录

背景

头儿给了一个别的项目的框架,让升级到6。
怎么就算任务完成了呢?我要达到什么效果呢?package.json里的“5”变为“6”,然后项目能正常运行,就算成功了。
这里写图片描述
这里写图片描述

参考资料

https://update.angular.io/
这是官方文档,不仅仅是从5升级到6,从任何版本升级到任何版本,都有详细步骤。

运行步骤

第一步:运行:npm install -g @angular/cli
这里写图片描述
报了-4075的错误,网上说应该是依赖的问题,建议由“npm”改为“cnpm”
第二步:运行:cnpm install -g @angular/cli
这里写图片描述
成功,接着往下输入命令。
第三步:运行:npm install @angular/cli
这里写图片描述
这里写图片描述
如图所示,报了-4048的错误,跟echarts有关系。解决办法是把package.json文件中相关的那句代码删除。我当初就卡在这了,不知道咋解决,是请风大神帮忙的。
这里写图片描述
删除以后将此命令重新运行一遍,成功。
这里写图片描述
第四步:运行:ng update @angular/cli
这里写图片描述
报错了,原因是本地脚手架版本较低,解决办法就是升级。
第五步:运行:npm install --save-dev @angular/cli@latest
这里写图片描述
第六步:运行:ng update @angular/core
这里写图片描述
第七步:运行:ng update @angular/material
这里写图片描述
第八步:运行:ng serve,成功
这里写图片描述
第九步:分别运行:npm install -g rxjs-tslint、rxjs-5-to-6-migrate -p src/tsconfig.app.json
看样子是把一个已弃用的东西删除。

小结

这样走下来,发现也没有想象中那么难。最重要的是“以终为始”,要知道自己要达到的效果,然后有一种敢于接触新东西的勇气。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 53
    评论
评论 53
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

卡夫卡的熊kfk

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值