將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"]

總結

以上是生活随笔為你收集整理的Angular：升级Angular 13到Angular 14的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。