Vue3自定义模块引入Dexie v4.0.11报default导出不存在错误求助

问题原因 #

Dexie 4.x版本彻底切换为纯ES模块架构，移除了默认导出（default export），所有API均通过命名导出提供。你当前使用的默认导入语法import Dexie from 'dexie'不符合v4的导出规范，导致浏览器抛出"没有default导出"的语法错误。

解决方案 #

1. 修改导入语法为命名导入 #

将原导入代码替换为：

import { Dexie } from 'dexie';
import { type EntityTable } from "dexie";

这是Dexie v4官方推荐的导入方式，完全匹配其ES模块的导出结构。

2. 确认TypeScript配置适配 #

虽然你的tsconfig.json中已经设置了allowSyntheticDefaultImports: true，但Dexie v4的类型定义文件（.d.ts）已经移除了对默认导出的合成支持，因此该配置无法解决此问题，必须使用命名导入。

3. 对齐开发与打包环境的模块解析 #

你提到打包前测试正常，可能是因为开发环境（如Vite开发服务器、ts-node）对模块导入做了兼容降级处理，但生产打包会严格遵循ES模块规范。使用命名导入可以确保开发和生产环境的行为一致。

额外说明 #

Dexie v4的这一变化是官方明确的Breaking Change，目的是完全对齐现代ES模块标准。如果需要兼容旧代码，可考虑降级到Dexie v3.x版本，但更推荐适配v4的命名导入语法。

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