编译含Axios的TypeScript文件时遇TS2585及TS2304错误的解决方法

这些错误的核心原因是TypeScript编译配置未启用ES2015及以上版本的特性支持，而Axios的类型定义依赖Symbol、IterableIterator这类ES2015引入的特性。以下是具体解决步骤：

1. 生成TypeScript配置文件 #

在项目根目录运行以下命令，生成默认的tsconfig.json：

tsc --init

2. 修改tsconfig.json的关键配置 #

打开生成的tsconfig.json，找到并修改以下配置项：

• 将"target"字段的值改为"ES2015"或更高版本（例如"ES2020"）
• 确保"lib"数组包含"ES2015"和"DOM"（Axios依赖部分DOM类型）
• 确认"moduleResolution"设置为"node"（保证正确解析node_modules中的类型定义）

修改后的核心配置示例：

{
  "compilerOptions": {
    "target": "ES2015",
    "lib": ["ES2015", "DOM"],
    "moduleResolution": "node",
    // 其他默认配置保持不变
  }
}

3. 重新编译代码 #

现在使用以下命令编译，TypeScript会自动读取tsconfig.json的配置：

tsc

若只想编译指定文件，可使用：

tsc index.ts --project tsconfig.json

可选优化：添加npm脚本 #

你可以在package.json中添加编译脚本，方便后续调用：

{
  "scripts": {
    "build": "tsc",
    "test": "echo \"Error: no test specified\" && exit 1"
  }
}

之后运行npm run build即可完成编译。

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