React项目导入函数出现SyntaxError: ambiguous indirect export错误怎么办？

这个错误的核心原因是模块规范不匹配：你在database.js里用的是CommonJS（Node.js默认的module.exports）导出，但React项目里用的是ES模块（ESM）的import语法，直接解构导入CommonJS导出的对象就会触发这个歧义错误。

两种快速解决方法： #

方法1：调整导入语法（不改后端文件）

不要用命名解构导入，先默认导入整个模块对象，再从中解构出需要的函数：

import DatabaseUtils from "../../backend/database";
const { SearchDatabase } = DatabaseUtils;

方法2：把后端文件改成ES模块规范

直接将database.js的导出方式换成ESM的命名导出，和React的导入语法匹配：

// database.js 里的写法
export async function SearchDatabase() {
  // 你的数据库查询逻辑
}

// 其他函数也用同样的方式导出
export async function AnotherDatabaseFunction() {
  // ...
}

为什么会出现这个错误？ #

ESM的命名导出是静态的，在编译阶段就能确定导出成员；而CommonJS的module.exports是一个动态对象，ESM在导入时只能把它当作一个默认导出的对象，无法识别里面的属性为“命名导出”。当你尝试用import { SearchDatabase }这种语法时，ESM会认为你在找一个真正的ESM命名导出，但实际只有一个默认的对象，就会抛出“歧义间接导出”的错误。

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