导入MUI Base的Portal组件时出错，求可靠解决方案

1. 确认当前MUI Base版本 #

先在项目根目录执行命令查看版本：

npm list @mui/base
# yarn用户执行以下命令
yarn list @mui/base

2. 根据版本调整导入方式 #

• MUI Base v5.0.0及以上版本：
  版本更新后Portal组件的导出方式和路径已变更，正确导入写法有两种：

  // 默认导出写法
  import Portal from '@mui/base/Portal';
  

  或者

  // 从base包直接导入命名导出
  import { Portal } from '@mui/base';
  

• MUI Base v5.0.0之前的旧版本：
  若想保留原有的命名导出写法，可以锁定旧版本：

  npm install @mui/base@4.0.0
  # yarn用户执行以下命令
  yarn add @mui/base@4.0.0
  

3. 验证修复效果 #

修改导入代码后，重启项目开发服务器，检查组件是否能正常渲染且无导入报错。

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