引入错误:@mui/x-date-pickers依赖date-fns导出路径缺失问题
解决@mui/x-date-pickers与date-fns版本不兼容的构建错误
这个错误的核心原因是**@mui/x-date-pickers的AdapterDateFns组件与当前安装的date-fns版本不兼容**——新版本date-fns调整了内部模块的导出路径,导致AdapterDateFns无法找到./_lib/format/longFormatters这个模块。
具体解决步骤:
确认版本对应关系:
@mui/x-date-pickers v6及以上版本要求date-fns ≥2.29.0;v5版本要求date-fns ≥2.25.0。先查看你项目中package.json里@mui/x-date-pickers的版本。重装兼容版本的date-fns:
以npm为例,先卸载旧版本,再安装对应版本:npm uninstall date-fns # 若用v6版本的date-pickers,执行: npm install date-fns@^2.29.0 # 若用v5版本的date-pickers,执行: npm install date-fns@^2.25.0用yarn的话替换为:
yarn remove date-fns yarn add date-fns@^2.29.0 # 或@^2.25.0,根据date-pickers版本选择清除缓存并重新构建:
npm cache clean --force npm run build
内容的提问来源于stack exchange,提问作者bxnd
相关产品推荐
相关产品推荐

