由于现在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();