Express+TypeScript项目导入cors模块报错的解决求助

1. 安装cors本体及类型定义包 #

TypeScript需要对应模块的类型声明文件才能识别模块，执行以下命令完成安装：

npm install cors @types/cors --save
# 或用yarn
yarn add cors @types/cors
# 或用pnpm
pnpm add cors @types/cors

2. 修正tsconfig.json配置 #

即使你之前添加过moduleResolution，可能存在配置不完整或格式错误的情况，确保compilerOptions中包含以下关键配置：

{
  "compilerOptions": {
    "moduleResolution": "node",
    "module": "CommonJS", // 也可设为"NodeNext"/"ESNext"，根据项目模块系统调整
    "target": "ES6",
    "allowSyntheticDefaultImports": true, // 支持CommonJS模块的默认导入语法
    "esModuleInterop": true // 优化CommonJS与ES模块的兼容性
  }
}

3. 重启TypeScript语言服务 #

修改tsconfig.json后，编辑器的TS服务可能不会自动刷新，以VSCode为例：

• 按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）
• 选择TypeScript: Restart TS Server选项

4. 调整导入方式（可选） #

如果上述步骤仍未解决问题，尝试改用以下导入方式：

import * as cors from 'cors';

或临时用require验证（不推荐长期使用）：

const cors = require('cors');

5. 校验依赖安装有效性 #

• 确认终端处于项目根目录执行安装命令
• 删除node_modules和锁文件（package-lock.json/yarn.lock/pnpm-lock.yaml），重新执行依赖安装命令

内容的提问来源于stack exchange，提问作者Axel Somerseth Cordova