安装@types/express后import express报TS1259错误如何解决

TS1259报错原因 #

该报错核心原因为express属于CommonJS规范模块，未提供ES模块规范的默认导出，你当前的TypeScript配置未开启CommonJS与ES模块的兼容适配，导致无法直接用ES默认导入语法引入express。

解决方法 #

1. 修复TS1259报错 #

修改项目根目录下的tsconfig.json文件，在compilerOptions字段中添加两项配置：

{
  "compilerOptions": {
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true
  }
}

• esModuleInterop：开启后TypeScript会自动处理CommonJS模块和ES模块的导入导出兼容逻辑
• allowSyntheticDefaultImports：类型检查层面允许对无默认导出的模块使用默认导入语法

配置修改完成后重启TypeScript服务即可，原有import express, { Application } from 'express';写法无需调整。

2. 修复Visual Studio不显示node_modules的问题 #

该问题是Visual Studio默认隐藏依赖文件夹导致，操作步骤如下：

• 打开解决方案资源管理器
• 点击顶部「显示所有文件」按钮（图标为带虚线边框的文件夹）
• 找到灰色显示的node_modules文件夹，右键选择「包括在项目中」即可

如果是Visual Studio Code出现该问题，检查根目录.gitignore与编辑器settings.json中的files.exclude配置，删除node_modules相关的排除规则即可。

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