当前位置: 首页 > 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.lryc.cn/news/478610.html

相关文章:

  • SDL基本使用
  • 大模型的temperature参数
  • 软件项目功能复用指南,复用方案,评估方案(word原件)
  • leetcode 3255 长度为 K 的子数组的能量值 II 中等
  • CCS下载安装(以12.3.0版本为例)
  • C++STL容器详解——list
  • linux tar 打包为多个文件
  • json字符串与python字典的区别与联系
  • 数据结构-链表【chapter1】【c语言版】
  • OJ05:989. 数组形式的整数加法
  • 山东布谷科技:关于直播源码|语音源码|一对一直播源码提交App Store的流程及重构建议
  • docker搭建guacamole,web远程桌面
  • .baxia勒索病毒来袭:数据恢复与防护措施详解
  • [UUCTF 2022 新生赛]ezpop 详细题解(字符串逃逸)
  • 【Zynq UltraScale+ RFSoC】DFE
  • Ubuntu学习笔记 - Day3
  • scala list系列
  • TLS协议基本原理与Wireshark分析_wireshark分析tls协议
  • 【359】基于springboot的智慧草莓基地管理系统
  • 【智能算法应用】遗传算法求解车间布局优化问题
  • java 中List 的使用
  • CSS学习之Grid网格布局基本概念、容器属性
  • 前后端交互接口(二)
  • HarmonyOs DevEco Studio小技巧28--部分鸿蒙生命周期详解
  • STM32(hal库)的msp初始化HAL_TIM_Base_MspInit有什么用?为什么单独设置这个,而不是在timer_init()函数里直接初始化?
  • 三品PLM系统如何规范企业图纸文档资料电子化管理
  • 鸿蒙开发:arkts 如何读取json数据
  • Java学习篇之JVM 调优
  • LangChain上使用huggingface的embedding模型(如jina-embeddings-v3)
  • 对象优化及右值引用优化(一)