首先

我将记录下将 Angular 版本从 9.1.3 更新到 10.2.4 的步骤，作为备忘录。
※ 每个项目的源代码和扩展功能可能会有不同的步骤。

环境

• docker container

node: 14.0.0

Docker イメージ: FROM node:14.0.0-stretch

Angular: 9.1.3

执行更新

我会根据公式更新指南进行更新。

Angular Update Guide – From v.9.1 To v.10.2

更新node.js的版本

在进行更新要求调查时，node v14.0.0并没有问题，但由于@angular-devkit/architect的更新要求是node ^14.15.0，因此我也进行了node版本的更新。

FROM node:14.15.0-stretch

@angular-devkit/architect

更新 Angular 的版本

使用 ng update 命令来更新 Angular 的版本。

ng update @angular/core@10 @angular/cli@10 --allow-dirty --force

在这种情况下，@angular/cdk也会更新。

更新拡展功能的版本

需要检查确认，因为根据 Angular 版本的不同，可能需要更新已安装的扩展包的版本。

ng update @angular/material@10 --allow-dirty --force

确认行动

升级版本后，我们确认了各项操作是否受到影响，并已完成。

从9.1.3升级到10.2.4时，源代码没有发生大的变化，可以顺利进行更新。