You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Next.js微前端开发:@module-federation/nextjs-mf缺少lib目录报错

解决@module-federation/nextjs-mf 找不到lib/include-defaults的问题

问题重现

在Next.js中配置微前端时,按文档尝试导入@module-federation/nextjs-mf/lib/include-defaults,触发报错:

Module not found: Can't resolve '@module-federation/nextjs-mf/lib/include-defaults'

原导入代码:

import App, { AppContext as NextAppContext } from 'next/app'
import '@module-federation/nextjs-mf/lib/include-defaults'

核心原因

@module-federation/nextjs-mf在v6及以上版本重构了目录结构,移除了原有的lib目录,官方文档可能未及时同步更新路径。

解决方案

1. 适配新版本路径

直接修改导入路径为根目录下的文件:

import App, { AppContext as NextAppContext } from 'next/app'
import '@module-federation/nextjs-mf/include-defaults'

2. 检查并确认包版本

执行命令查看当前安装的包版本:

npm list @module-federation/nextjs-mf

如果是v6+版本,使用上述新路径即可;若需兼容旧文档逻辑,可降级到v5.x版本:

npm install @module-federation/nextjs-mf@5.x --save

3. 验证配置完整性

部分v6+版本已自动集成include-defaults的逻辑,可检查next.config.js中的ModuleFederationPlugin配置,若已正确配置shared、remotes等项,可尝试移除该导入语句,避免冗余。

内容的提问来源于stack exchange,提问作者Gopinath Kaliappan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.09 21:55:24