当前位置: 首页 > news >正文

【error】 react 控制台报错Invalid hook call

目录

    • 事件起因
    • 解决办法
    • 结束语

事件起因

我的前端react + ant-design-pro项目能正常启动
在这里插入图片描述
但是网页这边就是一片空白,然后在浏览器的控制台报错:

index.js:1 Warning: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app

在这里插入图片描述

解决办法

导致这个的原因多半都是因为不同版本的react 导致的,我也遇到了,我在多次尝试后发现多半是因为我两个前端项目都同时在本地打开的情况下,webstorm识别到了两个项目的不同react版本

react 的版本信息位于 package.json里

暂时的解决办法是将node_modules 给删除掉,然后重新执行 npm install 命令 安装依赖
在这里插入图片描述

结束语

若是对你有所帮助的话,希望能获得你的 点赞、评论、收藏,这将是对我很大的鼓励!!! 这对我真的很重要!!!
蟹蟹٩(‘ω’)و


http://www.mrgr.cn/news/66562.html

相关文章:

  • SD3模型的部署(本地部署)
  • 行业深耕+全球拓展双轮驱动,用友U9 cloud加速中国制造全球布局
  • Sublime Text 的PHP格式化插件phpfmt 的 setting 配置参数说明
  • Liunx安装MYSQL
  • 19. 架构重要需求
  • Docker可视化管理面板DPanel的安装
  • 前端八股文(三)JS、ES6 持续更新中。。。
  • 【计算机科学】位运算:揭开二进制世界的奥秘
  • GPIO子系统中Controller驱动源码分析
  • 高级 <HarmonyOS主题课>构建华为支付服务的课后习题
  • 成为编程高手 day16
  • Java | Leetcode Java题解之第541题反转字符串II
  • 数据结构算法篇--递归(c语言版)
  • Linux 编程:高实时性场景下的内核线程调度与网络包发送优化
  • Kubernetes 中的存储管理:PV、PVC 与 StorageClass 详解
  • Python批量合并多个PDF
  • Java 运算符和表达式
  • 译码方案译码错误
  • D-FINE:在DETRs模型中将回归任务重新定义为细粒度分布优化
  • C语言 | Leetcode C语言题解之第540题有序数组中的单一元素
  • dom4j实现xml转map,xml转json字符串
  • 前端八股文(二)CSS 持续更新中。。。
  • ffmpeg视频解码
  • 看看你的电脑可以跑 AI 模型吗?
  • 基于图像处理的硬币个数识别系统
  • Rust 跨平台构建与部署实战:构建并部署跨平台应用