我把angular14升级到了16

看到了angular的新版本，是没忍住，花了一个多小时升级了一下。目前升级到了16.0.2
要求nodejs要升级到18以上，服务器上nodejs从14升级到了18.11
ng-zorro升级到了由14升级到了15.1.0，坐等zorro发布16版本

项目打包之后10.85M（之前11.8M），打包体积小了一点。

执行命令

先更新@angular/cli，升级到最新

1
2
3
4
5
npm list -g --depth 0

npm install @angular/cli@latest

ng update

按照提示进行更新必要时，添加 --force

升级后的代码改动

基本需要很少的代码改动。建议升级，哈哈哈。

感觉服务端渲染这里需要修改

1
2
3
4
5
6
7
8
9
10
11
12
13
14
*导入方式变动
import { makeStateKey, TransferState } from '@angular/platform-browser';
修改为
import ｛ TransferState, makeStateKey } from '@angular/core';

*app.server.module.ts文件删掉
ServerTransferStateModule


*app.module
BrowserModule.withServerTransition({ appId: 'serverApp' }),
修改为 BrowserModule
*删掉
BrowserTransferStateModule