angular项目从版本5到10的打怪升级之路

本文详细记录了一个Angular项目的升级过程,从版本5逐步升级到10,涉及Angular版本兼容性、升级策略、报错解决方案,包括ModuleWithProviders参数报错、typescript不兼容问题、node-sass报错等常见问题的处理。
摘要由CSDN通过智能技术生成

angular项目升级记录

如果项目当前版本低于6,需要先升级到6,否则无法使用ng update来自动升级,所以推荐先按照下面的方法升级到6

注意事项:
升级的过程中一定要时刻检查下面几个模块的版本,保证它们是兼容的:
node的版本
typescript的版本
angular的版本
antd的版本
以及其他依赖库的版本

angular6以下版本更新到6:
  1. 如果使用旧版HttpModule和Http服务,请切换到HttpClientModule和HttpClient服务。HttpClient简化了默认的人体工程学(不再需要映射到JSON),现在支持类型化的返回值和拦截器。
  2. 确保使用的是Node 8或更高版本。
  3. 通过运行以下命令在本地更新Angular CLI
npm install @angular/cli@6
ng update @angular/cli@6
  1. 迁移配置到当前版本的angular.json ( Angular5以下的配置文件名是angular-cli.json )
ng update @angular/cli --migrate-only --from=<你的旧版本号>

例如:

ng update @angular/cli --migrate-only --from=1.7.4

或者只使用大版本号

ng upd
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值