全局更新TypeScript后Angular项目显示旧版本的原因及解决方法

• Angular CLI 执行ng v时，优先读取当前项目本地node_modules中安装的TypeScript版本，不会读取全局安装的TypeScript，所以你只更新全局版本，项目里的依赖没动，自然显示旧版本。
• 如果你用nvm等Node版本管理工具，还有可能出现全局安装路径和当前使用的Node版本不匹配的问题，连全局安装的TS都没装到当前生效的Node环境里，但这不是核心原因——Angular项目设计上就不会优先使用全局TS。
• 额外提醒：Angular对TypeScript版本有严格的兼容绑定，比如Angular 15最高支持TS 4.9.x、Angular 16最高支持TS 5.1.x，盲目装最新版TS会直接导致项目编译报错。

1. 先确认你当前使用的Angular版本对应的TypeScript兼容范围，不要安装超出兼容范围的版本。
2. 进入Angular项目根目录，先卸载本地旧版TypeScript：
   npm uninstall typescript
3. 安装对应兼容版本的TypeScript到项目开发依赖，比如适配Angular 16的5.1.6版本：
   npm install --save-dev typescript@5.1.6
4. （可选）如果全局Angular CLI版本和项目本地版本差太多，同步更新全局CLI到对应大版本，避免版本差异导致的异常：
   npm install -g @angular/cli@对应你的Angular主版本号
5. 清理依赖缓存避免旧版本残留：

# macOS/Linux系统执行
rm -rf node_modules package-lock.json
# Windows系统cmd执行
rd /s /q node_modules
del package-lock.json

6. 重新安装项目依赖：
   npm install
7. 所有操作完成后，在项目根目录重新执行ng v，就能看到TypeScript版本已经更新为你安装的目标版本。

内容的提问来源于stack exchange，提问作者user17945716