Firebase项目升级TypeScript到4.1版本无法成功升级问题咨询

无法升级的核心原因 #

• 首先是@typescript-eslint相关依赖的版本限制：你当前项目安装的@typescript-eslint/eslint-plugin@3.9.1、@typescript-eslint/parser@3.8.0属于3.x版本分支，该版本的peer依赖硬性要求TypeScript版本范围为^3.3.1 ~ ^3.9.x，所以npm会自动阻止你安装超过3.9.x的TypeScript版本，避免依赖冲突。
• 其次是安装命令不符合需求：你执行的npm i typescript默认会将TypeScript安装到生产依赖dependencies中，且不带版本号时npm会优先满足现有peer依赖的版本约束，不会主动跨大版本升级到4.x。

解决步骤 #

1. 指定版本安装TypeScript 4.1到开发依赖，执行以下命令：

npm install --save-dev typescript@~4.1.5

这里选择4.1分支的最终稳定版，完全覆盖你需要的模板字面量类型特性。
2. 升级@typescript-eslint相关依赖到兼容TS4.1的版本，执行以下命令：

npm install --save-dev @typescript-eslint/eslint-plugin@^4.33.0 @typescript-eslint/parser@^4.33.0

该版本是4.x分支的最终稳定版，兼容TS3.3到TS4.7，和你安装的TS4.1完美适配，不会出现兼容性问题。
3. 验证升级结果，执行以下命令查看TypeScript版本：

npx tsc -v

输出为4.1.x版本即表示升级成功，你现有的tsconfig.json配置无需修改，可直接使用TS4.1的所有新特性。

可选补充 #

如果执行安装命令时提示peer依赖冲突，可在命令末尾加上--legacy-peer-deps参数跳过依赖校验即可。

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