React版本18.xx降低为17.xx的方法实现
由于现在react默认创建是18.xx版本,但是我们现在大多使用的还是17.xx或者更低的版本,于是要对react版本进行降级(当然最初创建的时候可以指定版本)
npm install react@17.x react-dom@17.x --save
注意这两个包要同时更换否则会报错(两个包版本是对应的)
然而切换版本成功后会报错,因为语法是新语法了
Failed to compile.
Module not found: Error: Can't resolve 'react-dom/client' in 'C:\React\react-scaffolding\src'
ERROR in ./src/index.js 6:0-40
Module not found: Error: Can't resolve 'react-dom/client' in 'C:\React\react-scaffolding\src'
webpack compiled with 1 error
解决办法
import React from 'react'; //18 // import ReactDOM from 'react-dom/client'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; //18 // const root = ReactDOM.createRoot(document.getElementById('root')); // root.render( // <React.StrictMode> // <App /> // </React.StrictMode> // ); //17 ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById('root') ); reportWebVitals();
官方地址:How to Upgrade to React 18 – React Blog
到此这篇关于React版本18.xx降低为17.xx的方法实现的文章就介绍到这了,更多相关React版本18.xx降低为17.xx内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
react项目升级报错,babel报错,.babelrc配置兼容等问题及解决
这篇文章主要介绍了react项目升级报错,babel报错,.babelrc配置兼容等问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-08-08React Hooks useReducer 逃避deps组件渲染次数增加陷阱
这篇文章主要介绍了React Hooks 之 useReducer 逃避deps后增加组件渲染次数的陷阱详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2022-09-09详解Jotai Immer如何实现undo redo功能示例详解
这篇文章主要为大家介绍了详解Jotai Immer如何实现undo redo功能示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-04-04
最新评论