Angular: 升级Angular 14到Angular 15

N个月前写过一篇Angular: 升级Angular 13到Angular 14 的文章。现在Angular已经发布到了V16（非GA版本），那是时候把Angular项目升级到Angular 15了。

因为有了之前的经验，这次相对来说比较轻松一点：
步骤一：官方升级文档一定要阅读：官方链接
这个文档虽然不一定有具体价值，但是如果有非常严重的问题，文档一定会表明的。比如Angular 9的升级中引入Ivy模式。

步骤二: 创建一条NPM script在package.json文件中：

 "scripts": {"ng": "ng","upgrade15": "ng update @angular/core@15 @angular/cli@15 @angular/material@15 @angular-eslint/schematics@15"},

有了这个Script，就无需每个人都要记住那些command了。只需要执行命令：

npm run upgrade15

执行此命令之前，记得把git的change先提交（包括创建这条script的修改）。

将来升级Angular 16的时候，可以通过同样的方法。注意，我这里的项目使用了@angular/material，所以升级时制定了Material的库的升级。如果是别的库，比如蚂蚁的Ng-Antg，则将UI库进行替换即可。

步骤三，上述项目中，Material的库的更新还需要一个额外步骤。
详情参阅Material MDC Migration的官方文档

ng generate @angular/material:mdc-migration

执行上述指令或者创建一条新的script在运行都可以。
这条migration指令提供了交互式的选项，根据本身项目的特点进行选择。

步骤四，这也是前作中没有提及但及其重要的：要执行下测试指令。

ng test

在新的版本上对原代码进行编译和测试，有助于升级后的问题发现和解决。

依照上述步骤，已经将本地的所有Angular项目升级到了15。

遇到的数个问题：

执行ng test遇到如下错误：

解决方案：重新安装node的types。

npm i -D @types/node@latest

Angular: 升级Angular 14到Angular 15相关推荐

Angular 介绍、安装 Angular Cli、创建运行 Angular 项目
1.什么是Angular Angualr 是一款来自谷歌的开源的 web 前端框架,诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购.是一款优秀的前端 JS ...
Mac系统怎么升级到macOS Catalina 10.15 beta版
Mac系统怎么升级到macOS Catalina 10.15 beta版具体的操作方法,可以参考文章: 如何将Mac OS更新到Catalina beta版本? 但是升级的过程中,却遇到了一个问题. ...
osx mysql 升级_macOS 升级 10.14
我属于保守派,用来好久的 10.11.6 ,看到新系统心里痒痒的.但是又是作为主力的工作电脑,升级后可能会挂掉.一直都就停留在了这里.终于等待了10月1日(迫不及待的给祖国母亲过生日),哈哈.迫不及待 ...
使用 EasyBCD 安装Ubuntu 14.04 Error 15: file not found错误的解决方法
使用 EasyBCD 安装Ubuntu 14.04 Error 15: file not found错误的解决方法参考文章: (1)使用 EasyBCD 安装Ubuntu 14.04 Error 1 ...
iphone闪退修复工具_升级 iOS 14.2 微信闪退？iPhone 12 维修贵
原标题:升级 iOS 14.2 微信闪退?iPhone 12 维修贵昨天,苹果推出 iOS 14.2 正式版系统,我相信你们都知道了,主要新增几点功能,并没有针对性解决耗电问题,而对 AirPods ...
暂不升级iOS 14.2：多款iPhone续航崩溃
昨日,#iOS14.2或导致电池续航变短# 的话题冲上热搜,该问题的症状包括电池电量快速消耗,以及充电时间比平时更长. 据外媒报道称,不少用户在苹果论坛等社交网络反馈策划那个,iOS 14.2让自己的 ...
centos6升级glibc-2.14没有报错，但是验证没有升级成功的问题解决
centos6升级glibc-2.14没有报错,但是验证没有升级成功的问题解决参考文章: (1)centos6升级glibc-2.14没有报错,但是验证没有升级成功的问题解决 (2)https:// ...
xcode升级到14后出现error build
xcode升级到14后出现的问题 error build: Multiple commands produce '/Users//Library/Developer/Xcode/DerivedData ...
Xcode升级到14.3 archieve打包失败
背景由于手机升级到了16.4,不得不升级Xcode,升级到14.3后,才发现在打包时报错了,提示如下 mkdir -p /Users/hsf/Library/Developer/Xcode/Deri ...

Angular: 升级Angular 14到Angular 15

Angular: 升级Angular 14到Angular 15相关推荐

最新文章

热门文章