React项目引入Semantic UI React Menu报错，两种尝试均失败求助

我的情况 #

正在通过项目学习React，试了两种方法引入Menu组件都没成功，想要实现的Menu样式如下：

试过的方法及对应报错 #

方法1 #

出现的报错：

方法2 #

出现的报错：

解决办法 #

从代码和报错来看，基本是依赖未正确安装或导入路径/语法有误，按以下步骤排查：

1. 确认依赖安装：如果用的是第三方UI库（如antd、Material-UI）的Menu组件，先确保库已安装：
   • 若为antd，执行命令：npm install antd 或 yarn add antd
   • 若为Material-UI，执行命令：npm install @mui/material @emotion/react @emotion/styled
2. 修正导入语句：
   • 用antd的话，正确导入方式：

     import { Menu } from 'antd';
     import 'antd/dist/reset.css'; // 必须引入样式文件，否则无样式效果
     

   • 自定义Menu组件的话，确保导入路径与组件文件位置匹配，比如组件在../components/Menu.jsx，则导入：import Menu from '../components/Menu.jsx';
3. 检查组件导出方式：自定义组件需确认导出语法，若组件用export default Menu，则用import Menu导入；若用export { Menu }，则用import { Menu }导入。

内容的提问来源于stack exchange，提问作者Shivam Shukla