Angular:升级Angular 13到Angular 14

将Angular 13的项目升级到Angular 14,需要的步骤:

首先要阅读下官方升级文档:链接

步骤一: ng update @angular/core@14 @angular/cli@14 --force
该步骤会更新所有Angular的组件到14。
注意,不加–force无法正常升级。
同时,还要事前事后都要commit一次。

步骤二: ng update @angular/material@14 --force
该步骤只适用于使用了Angular Material的项目。

步骤三: ng update @angular-eslint/schematics@14
该步骤是更新eslint。
可以跟步骤一合并。

步骤四:更新一些别的非Angular官方的组件
npm i @angular/flex-layout@14.0.0-beta.41 ngx-markdown@14.0.1
奇怪的是,Angular/flex-layout在NPM上被标注为了depreciated,指向了国内无法访问的
Blog
所以,没有弄清楚之前,继续安装下。。。

步骤五:更新typescript到4.6。官方文档说,Angular 14支持4.6,没必要安装更新的Typescript版本,免得无谓的不兼容问题。
npm install typescript@4.6.4 -D

步骤六,更新代码:

If you are using MatVerticalStepper or MatHorizontalStepper make sure you switch to MatStepper

步骤七:现在可以启动程序了npm run start或者ng serve
另外一个问题,如果使用了moment、lodash这样的库,会报出一条warning:

material-moment-adapter.mjs depends on ‘moment’. CommonJS or AMD dependencies can cause optimization bailouts.

官方文档:链接
答案是去更新Angular.json

"allowedCommonJsDependencies": [
        "lodash",
        "moment"
 ]
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值