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

无法从MaterialUI Joy导入DropDown和MenuButton问题求助

Material UI Joy 组件缺失问题排查
  • 别找错组件名:Material UI Joy 没有 Dropdown 和 MenuButton 组件
    你要的下拉菜单功能,对应 Joy UI 的组件是:

    • 基础下拉菜单:用 Button(或IconButton)配合 Menu + MenuItem 实现
    • 下拉选择器:用 Select + Option 组件
  • 确认包结构与导入方式
    所有 Joy UI 组件都在 @mui/joy/[组件名] 路径下,示例导入代码:

    // 基础下拉菜单
    import Button from '@mui/joy/Button';
    import Menu from '@mui/joy/Menu';
    import MenuItem from '@mui/joy/MenuItem';
    
    // 下拉选择器
    import Select from '@mui/joy/Select';
    import Option from '@mui/joy/Option';
    
  • 重新安装的正确操作
    若依赖安装仍有异常,执行以下步骤清理后重装:

    # 删除本地依赖包和锁文件
    rm -rf node_modules package-lock.json
    # 清理npm缓存
    npm cache clean --force
    # 重新安装依赖
    npm install @mui/joy @emotion/react @emotion/styled
    
  • 检查版本兼容性
    确保 @mui/joy、@emotion/react、@emotion/styled 版本相互兼容,建议安装最新稳定版,避免指定过时版本导致组件缺失。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.13 17:42:32