React项目引入Semantic-UI报错：semantic-ui-react模块未找到求解决

你这是踩了个常见的小误区——只装了Semantic UI的样式文件，却没安装对应的React组件核心库！报错里提到的semantic-ui-react才是提供<Button>这类React版Semantic UI组件的依赖包，和你装的semantic-ui-css是两个独立的东西。

下面是一步步的解决流程：

• 第一步：安装缺失的核心组件库
  到项目根目录下执行这条命令，安装React版本的Semantic UI组件包：

  npm install semantic-ui-react
  

  这个包就是你代码里调用Semantic UI React组件的源头。

• 第二步：确保样式正确生效
  你之前用CDN链接的方式没问题，但要确认链接是有效的稳定版。如果想改用本地导入，也可以在项目入口文件（比如index.js）里添加：

  import 'semantic-ui-css/semantic.min.css';
  

  两种方式选其一就行，不用重复引入。

• 第三步：检查组件导入语句
  确认你在Signup.js里的组件导入没写错，比如按钮组件的正确导入应该是：

  import { Button } from 'semantic-ui-react';
  

  别把包名或者路径写错了。

• 如果还是报错？试试清理依赖缓存
  有时候npm缓存或者损坏的依赖文件会搞事情，可以按下面步骤重置依赖：

  1. 删除项目根目录下的node_modules文件夹和package-lock.json文件
  2. 执行缓存清理命令：

     npm cache clean --force
     

  3. 重新安装所有依赖：

     npm install
     

做完这些再启动项目，应该就能正常使用Semantic UI的React组件了。

内容的提问来源于stack exchange，提问作者Kavindu Gayantha