react脚手架创建项目报错，ReactDOM.render is no longer supported in React 18.

最近新写一个react的项目，但是发现已经更新到了18.0的版本，抱着尝试新鲜事物的态度搞了一下，结果按照官网的安装方式，使用脚手架安装板竟然报错了，在一行代码都没写的情况下：

发现是新版本更新后，render函数在18版本后不再支持了，要改成createRoot，于是乎去官网查手册，xxxx（手动屏蔽一些词语），手册查不到这个方法，那就自己写咯。
将入口文件写成：

import React from 'react';
import ReactDOM from 'react-dom';import './index.css';
import App from './App';ReactDOM.createRoot(document.getElementById('root')
).render(<App></App>);

然后：
我xxx，是不是惯得，最终：

import React from 'react';
import ReactDOM from 'react-dom/client';import './index.css';
import App from './App';ReactDOM.createRoot(document.getElementById('root')
).render(<App/>);

熟悉的react初始界面终于回来了。
小坑，分享一下。。。。

react脚手架创建项目报错，ReactDOM.render is no longer supported in React 18.相关推荐

React报错：Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until y
新建的React项目,启动后控制台警告如下: Warning: ReactDOM.render is no longer supported in React 18. Use createRoot i ...
关于React18控制台报错：ReactDOM.render is no longer supported in React 18 Use createRoot instead. Until.....
React团队在3月29日新推出了React v18.0版本,现在npm 默认的就是18版本,由于React 18 不再支持 ReactDOM.render.控制台会抛出: Warning: Reac ...
ReactDOM.render is no longer supported in React 18. Use createRoot instead.
ReactDOM.render is no longer supported in React 18. Use createRoot instead. 一.控制台报错如下二.原因三.解决方案一. ...
报错Warning: ReactDOM.render is no longer supported in React 18.Use createRoot instead.Until you...
报错不影响正常渲染页面,报错图示: 翻译如下: 反应域.React 18中不再支持渲染.改用createRoot.在你切换到新的API之前,你的应用程序将表现得像运行React 17.了解更多信息:h ...
vue脚手架创建项目报错
Vue报错:command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org 解决方案:n ...
Warning: ReactDOM.render is no longer supported in React 18.
在学习react出现这个错误说明ReactDOM.render()方法在react18中已经不支持了,但是是警告,仍然可以运行, 改正方法如下: 1.首先记得要import!!! 2.对照下列形式更改 ...
React18警告:ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until youswitc
由于React 18 不再支持 ReactDOM.render.控制台会抛出: 解决办法:index.js入口文件中改用 createRoot import React from 'react' // ...
React控制台警告Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until
出现这个警告是因为ReactDOM.render()方法在react18中不支持了,createRoot()作为替换代码改为 import { createRoot } from 'react-dom ...
vue创建项目报错command not found:create-webpack
vue创建项目报错command not found:create-webpack vue创建项目报错command not found:create-webpack,请不要怀疑,是你创建项目命令写错 ...

react脚手架创建项目报错，ReactDOM.render is no longer supported in React 18.

react脚手架创建项目报错，ReactDOM.render is no longer supported in React 18.

react脚手架创建项目报错，ReactDOM.render is no longer supported in React 18.相关推荐

最新文章

热门文章