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

React Material UI Button组件运行报错无效Hook调用如何解决

问题解决步骤
  • 确认@material-ui/core已正确安装
    你提供的package.json依赖清单中没有@material-ui/core相关条目,说明之前的安装操作没有成功,执行以下命令重新安装:
    npm install @material-ui/core@4.12.4
    这里指定v4最终版本是为了避免误装不匹配的MUI v5版本,安装完成后检查package.json中是否出现了对应的依赖项,再重启项目测试。

  • 清除缓存修复依赖冲突
    如果重新安装后依然报错,通常是依赖缓存异常或者存在多份React副本导致的,按顺序执行以下操作:

  1. 删除项目根目录下的node_modules文件夹和package-lock.json文件
  2. 执行npm cache clean --force清除npm本地缓存
  3. 执行npm install重新安装所有依赖
  4. 执行npm start启动项目

你的代码本身没有语法问题,以上操作可以覆盖该场景下所有invalid hook call错误的触发原因。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.09.24 12:36:06