解决React18.0.0版本报错问题（降低React版本）

最新推荐文章于 2024-07-12 20:52:08 发布

挠了又挠

最新推荐文章于 2024-07-12 20:52:08 发布

阅读量4.1k

点赞数 2

文章标签：前端 vscode react

本文链接：https://blog.csdn.net/bad985664/article/details/124243758

版权

React 18.0.0的发布导致了与某些插件库，如AntDesignMobile的不兼容。为解决此问题，可以降级React到17.x版本。操作步骤包括使用npm安装17.x版本的React和React-DOM，并在package.json中查看和确认版本号。此外，也提供了检查和安装最新React版本的方法。

摘要由CSDN通过智能技术生成

由于React最近新出18.0.0版本
所以create-react-app创建的项目默认为react18版本
目前有很多不适配不支持比如Ant Design Mobile插件库

解决方案

降低版本

输入命令：npm install react@17.x react-dom@17.x --save

查看当前React版本

自己的React版本可以在项目的package.json文件中看到，搜索“react”，即可看到版本号：

查看React最新版本命令

npm info react

在这里插入图片描述

当然后续如果想安装React最新版本（安装最新版本号比如：18.0.0）：

npm install react@18.0.0 react-dom@18.0.0 --save

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

挠了又挠

关注关注

2
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

react-swipeable-views：一个可滑动视图的React组件

02-05

React可滑动视图一个可滑动视图的React组件。包版下载大小（压缩后的kB） React可滑动视图 5.08 react-swipeable-views-utils 3.52 React可滑动视图本机？文献资料开始吧组件API 更多安装浏览器 npm install --save react-swipeable-views 原生（实验性） npm install --save react-swipeable-views-native 问题解决了从移动设备上查看（真实或仿真）。它很小（压缩后的<10 kB），可以快速渲染第一张幻灯片，然后延迟加载

react-18.0.0.zip

05-04

react.js for windows 各个版本，免费下载前端三大框架之一 react 各个版本，免费下载如果下载不了，关注我，评论区联系我 React 是一个库。它允许你将组件放在一起，但不关注路由和数据获取。要使用 React 构建...

参与评论您还未登录，请先登录后发表或查看评论

记录一下Found: react@18.0.0npm ERR! node_modules/reactnpm ERR! react@“^18.0.0“ from the root project

m0_60527150的博客

07-26

720

ERESOLVE unable to resolve dependency tree ---ERESOLVE 无法解析依赖关系树。解决方法2 npm install --legacy-peer-deps 忽视依赖冲突,继续安装（不覆盖之前)解决方法1 npm install --force 无视冲突，强制获取远端npm库资源（覆盖之前）此命令带有 --force，或 --legacy-peer-deps。根据报错信息可以得知是因为依赖冲突导致不能下载依赖包。接受不正确（且可能损坏）的依赖项解析。

关于React18控制台报错：ReactDOM.render is no longer supported in React 18 Use createRoot instead. Until.....

热门推荐

S83995029的博客

04-01

1万+

React团队在3月29日新推出了React v18.0版本，现在npm 默认的就是18版本，由于React 18 不再支持 ReactDOM.render。控制台会抛出： Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React.

启动react 18.2.x项目报node错误

2401_85955297的博客

07-12

326

启动react 18.2.x项目报node错误

create-react-app降低react的版本

weixin_55014951的博客

04-10

7582

react最近不是出18了吗但问题是很多的库都还不支持而且工作中不会使用特别新的技术但用create-react-app创建的项目默认为react18版本这里我们降版本只需要一行命令 npm install react@17.x react-dom@17.x --save 这里有个坑,这两个要同时降!!!,只改一个会报错!!! 顺便提醒一下,报错虽然长,但可以用翻译软件翻译一下,我这里也是通过看翻译之后的报错才注意到这个问题.本来很简单的问题,我搞了一个多小时 ...

React@16.x（18）错误边界

qq_40147756的博客

06-03

812

错误边界

React 报错版本不对

郑州彭于晏

07-05

202

新建 .env 文件 SKIP_PREFLIGHT_CHECK=true

React 18 使用antd的message,notification组件报错createRoot warning

csdn1940879828的博客

07-31

471

React18使用antd组件报错：Use createRoot instead" occurs because theReactDOM.render methodhas been deprecated. 升级antd版本解决

react18报错

钱辉

10-18

785

react18报错

react18

lesswenniang的博客

04-05

297

在这个案例中不建议使用ref，那建议用什么？

React降级配置及Ant Design配置详解

10-17

主要介绍了React降级配置及Ant Design配置详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

react-18.0.0.tar.gz

05-04

react.js for linux 各个版本，免费下载前端三大框架之一 react 各个版本，免费下载如果下载不了，关注我，评论区联系我 React 是一个库。它允许你将组件放在一起，但不关注路由和数据获取。要使用 React 构建整个...

chrome的React Develop Tools18.0.0插件

04-20

总的来说，React Developer Tools 18.0.0是React.js开发者必备的调试工具，通过其丰富的功能，可以极大地提高开发效率，同时帮助解决和预防潜在的前端问题。熟练掌握并利用这些工具，将有助于提升React应用的质量和...

react-18.0.0 源码

最新发布

08-19

react-18.0.0

React DevUI 18.0 正式发布

kagol的博客

12-07

113

2021年11月，由 Jay 主导发起了 React DevUI 开源组件库项目，经过一年多的孵化🐣，终于在`2022年11月23日`发布 18.0.0 正式版本🎉

React V18.0.0

乐夫天命兮的博客

04-22

289

Concurrent Mode Concurrent Mode（以下简称 CM）翻译叫并发模式，这个概念我已经听了好多年了，并且一度非常担忧 React 官方憋了好多年的大招，会不会是一个破坏性不兼容的超级大版本？就像 VUE v3 和 v2。现有的生态是不是都得跟着大版本升级？比如 ant design，ahooks 等。随着对 CM 的了解，我发现它其实是人畜无害的。 CM 本身并不是一个功能，而是一个底层设计，它使 React 能够同时准备多个版本的 UI。在以前，React 在状态变更后

React18 正式版放出

GoldenaArcher的博客

03-30

661

React18 正式版放出前几天还在看源码，想说试试看 React18 的特性，没想到今天正式版就出来了：现在就根据 React 团队放出的博文：React v18.0 了解一下 React18 的新特性。 Concurrent（并发）其实之前在跑源码的时候就在视觉上意识到 React18 是真的进入并发时代，一下是 v17 版本的渲染：对比一下 Reactv18 的渲染：可以看到比起 v18，在 React 代码运行的部分（即粉色代码段），v18 运行调动了 2 个 tasks，而 v17

react18函数组件+antd使用指南-使用代码集合以及报错记录汇总（不断更新中）

tangdou369098655的博客

10-09

4991

vite热更新失败解决方案，手把手教你antd4.x和5.x如何自定义主题色，各种报错处理方案集合

react17版本下载 @antv/x6-react-shape 报错

04-28

很抱歉，我并不是一个具有实时代码运行环境的机器人，因此我无法调试你的代码。但是，根据你提供的信息，可能有以下几种情况： 1. 检查你的网络连接是否正常，如果网络连接不稳定，可能会导致下载失败或下载出错。 2. 检查你的 npm 包管理器是否已更新到最新版本，如果包管理器版本过低，可能会导致下载出错。 3. 检查你的项目中是否已经安装了 @antv/x6-react-shape 的依赖项，如果依赖项未安装，可能会导致下载出错。 4. 如果以上方法都无法解决问题，可能是 @antv/x6-react-shape 的版本与 react17 不兼容。可以尝试升级 react 版本或者使用其他版本的 @antv/x6-react-shape。希望这些信息能帮助你解决问题。