求助：@base-ui-components/react/tabs无法导出Panel等组件的导入问题

正确导入方式 #

@base-ui-components/react的Tabs系列组件采用聚合导出的方式，所有相关组件都从@base-ui-components/react/tabs统一入口导出，而非单独的子路径。你需要把导入语句改成这样：

import { 
  Tabs, 
  Tab, 
  TabPanel as MuiTabPanel, 
  TabsList as MuiTabsList 
} from '@base-ui-components/react/tabs';

原导入方式失效的原因 #

这个库的模块导出逻辑和旧版@mui/base不同——它没有将单个组件（比如TabPanel、TabsList）作为独立的子包（如@base-ui-components/react/TabPanel）对外暴露。你在node_modules里看到的目录结构只是内部代码的组织方式，并非官方提供的对外导入路径。

额外提示 #

• 确保你安装的@base-ui-components/react是最新版本，版本差异可能导致导出结构不一致
• 该组件库的API细节和@mui/base可能存在差异，如果需要自定义样式或行为，建议参考组件的类型定义文件（.d.ts）或源码中的导出内容调整使用方式

内容的提问来源于stack exchange，提问作者Uma Ilango