【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
命令 安装依赖
结束语
若是对你有所帮助的话,希望能获得你的 点赞、评论、收藏,这将是对我很大的鼓励!!! 这对我真的很重要!!!
蟹蟹٩(‘ω’)و