从同一模块导入多函数时遭遇“ambiguous indirect export”错误求助

错误根源 #

问题核心是模块循环依赖引发的导出路径歧义：

• menus.js导入了main.js的deselect和menu，但这两个变量实际是data.js导出后被main.js导入的
• 同时menus.js已经直接依赖data.js，形成了data.js → main.js → menus.js和data.js → menus.js两条导出路径
• 模块加载器无法确定应该采用哪条路径解析deselect和menu，因此抛出"ambiguous indirect export"错误

修复方案 #

1. 消除无效的循环导入 #

直接修改menus.js的导入语句，移除从main.js导入deselect和menu的代码，改为从data.js直接导入（这两个变量的定义源就是data.js）：

修改前的menus.js导入：

import { classLister, classRemover } from './helpers.js'; 
import { validTags, wordOpts, phraseOpts, inputOpts, allOpts } from './data.js'; 
import { deselect, menu } from './main.js'; // 这条是问题根源

修改后的menus.js导入：

import { classLister, classRemover } from './helpers.js';
import { validTags, wordOpts, phraseOpts, inputOpts, allOpts, deselect, menu } from './data.js';
// 直接从data.js获取deselect和menu，移除循环依赖

2. 优化模块依赖结构（可选） #

如果后续还有类似问题，建议把跨模块共享的变量/函数抽离到单独的模块（比如shared.js），让所有依赖这些内容的模块都从这个统一入口导入，彻底避免循环依赖的产生。

验证修复 #

修改后重新加载模块，"ambiguous indirect export"错误应该会消失，同时保持了你需要的单独导入指定函数/变量的需求，无需使用import *语法。

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