Angular　v９の環境からv10に上げる過程で困ったこと・対処メモ

困った内容

Angularを９から１０にしようとした時に、@angular/cdkと@angular/materialが１０に上がらない問題が発生。
下記の状態になってしまった…

 Name                               Version                  Command to update
     --------------------------------------------------------------------------------
      @angular/cdk                       9.2.4 -> 10.2.7         ng update @angular/cdk@10
      @angular/cli                       10.2.4 -> 11.2.9         ng update @angular/cli@11
      @angular/core                      10.2.5 -> 11.2.9         ng update @angular/core@11
      @angular/material                  9.2.4 -> 10.2.7         ng update @angular/material@10

この状態のでng serveしてみると下のエラーが表示されるようになった。

deprecationwarning access to process.binding('http_parser') is deprecated.
(Use `node --trace-deprecation ...` to show where the warning was created)

この時のDockerFileの設定。

FROM node:16.15.1-stretch

ENV PYTHONUNBUFFERED 1

RUN npm install -g @angular/cli@^10

EXPOSE 8080

原因は？

原因としてはNode.jsのバージョンが新しすぎたっぽい。
Node.jsのバージョンを14.17.5に変更。

FROM node:1４.17.5-stretch

ENV PYTHONUNBUFFERED 1

RUN npm install -g @angular/cli@^10

EXPOSE 8080

変更後、@angular/cdkと@angular/materialをアップデート。
無事にアップデートが完了した。

# ng update
Using package manager: 'npm'
Collecting installed dependencies...
Found 36 dependencies.
    We analyzed your package.json, there are some packages to update:
    
      Name                               Version                  Command to update
     --------------------------------------------------------------------------------
      @angular/cdk                       10.2.7 -> 11.2.9         ng update @angular/cdk@11
      @angular/cli                       10.2.4 -> 11.2.9         ng update @angular/cli@11
      @angular/core                      10.2.5 -> 11.2.9         ng update @angular/core@11
      @angular/material                  10.2.7 -> 11.2.9         ng update @angular/material@11

このあとは…

バージョンアップを引き続き行っていく予定
10->11
11->12
12->13
13->14
となる予定？予定は未定。

こうした方がいいよ、ここ間違ってるよ等あったらご指摘お願い致します。

参考記事