TypeScript中import type报错原因不明，执行tsc出现TS1005错误

核心原因 #

import type是TypeScript 3.8版本才正式引入的语法特性。你的IDE能识别该语法，大概率是因为IDE内置了高版本TypeScript服务，但全局执行tsc时使用的TypeScript版本低于3.8，导致无法解析该语法，从而抛出错误。

解决方案 #

1. 升级TypeScript版本 #

• 全局安装的TypeScript，执行：

  npm install -g typescript@latest
  

• 项目本地依赖的TypeScript，执行：

  npm install typescript@latest --save-dev
  

升级完成后重新运行tsc，语法错误即可消除。

2. 确保版本一致性 #

执行以下命令分别检查全局与项目本地的TypeScript版本：

# 查看全局TS版本
tsc -v
# 查看项目本地TS版本
npx tsc -v

保证两者版本都≥3.8。如果项目依赖本地TS，建议使用npx tsc替代直接执行tsc，强制调用项目本地的TypeScript编译器。

3. 临时替代方案（无法升级TS时） #

如果暂时无法升级TS版本，可以用传统导入方式替代import type：

// 替换 import type { DeriverScopeProps } from "../Derivations/DeriverScope"
import { DeriverScopeProps } from "../Derivations/DeriverScope";

这种写法在旧版TS中可正常运行，TypeScript编译时会自动剥离纯类型导入，不会对最终生成的JS代码造成影响。

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