Angular6项目升级为Angular7

写这篇博客之前,我想大声感叹一下,看官方文档,看官方文档,看官方文档!!!

先放上官方文档链接在此:https://update.angular.io/。我要是早点发现这个链接也不会浪费了两天时间,伤心啊。

我是6升级为7,其他版本升级的情况请参考官网文档,千万不能照搬。

一、升级之前需要进行下面两个步骤:

1.首先检查项目中有没有使用HttpModule和Http服务,如果有的话需要替换成HttpClientModule和HttpClient。

2.输入命令:npm install -g rxjs-tslint以及rxjs-5-to-6-migrate -p src/tsconfig.app.json。

二、更新中需要进行的步骤

输入命令:ng update @angular/cli @angular/core

好了,开始报错了,显示为:

也就是说我们项目中的版本是typescript是2.9.2,ng-zorro-antd与其不匹配,我们来验证一下,是不是安装的版本为2.9.2。使用命令:tsc -v,显示为

那么我们就需要先把typescript卸载掉,然后安装3.2.4版本的。命令为:npm uninstall -g typescript和npm install -g typescript@3.2.4

需要注意的是,项目中需要手动修改typescript的版本从2.9.2到3.2.4

再次执行命令ng update @angular/cli @angular/core,等待完成后,发现原来的版本已经被替换掉了。具体为

此时,我们的项目就已经成功升级了。输入命令ng serve,这时候又出现问题了,

暂时未找到解决办法,网上增加path的方法根本就不行。但是奇怪的是,当你暂停对项目的编译运行后,再次输入ng serve,又可以编译运行起来了,接着去浏览器中输入http://localhost:4200/,好了,程序运行成功。搞不清楚最后又是因为啥,大概玄学吧。有知道的小伙伴可以留言告诉我吗?

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值