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: Cant resolve react-dom/client in C:React
eact-scaffoldingsrc
ERROR in ./src/index.js 6:0-40
Module not found: Error: Cant resolve react-dom/client in C:React
eact-scaffoldingsrc

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();

官方地址:

经验分享 程序员 微信小程序 职场和发展