使用Next.js Module Federation暴露组件时遇module-not-found错误

报错- error Module not found: Can't resolve './components/Test'的核心原因是组件路径配置错误，结合你的文件结构调整配置即可解决：

1. 修正暴露路径 #

你的components文件夹在src目录下，但next.config.js位于项目根目录，因此需要在exposes配置中补全src前缀：

exposes: {
  './test': './src/components/Test', // 补充src/前缀，对应实际文件路径
},

2. 确认组件导出格式 #

确保Test.tsx存在合法的导出：

• 默认导出示例：

export default function Test() {
  return <div>Test Component</div>;
}

• 若使用命名导出，后续消费组件时需对应使用命名导入语法。

3. 重启开发服务器 #

修改next.config.js后必须重启Next.js开发服务器，新配置才能生效。

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