在我创建了Uncaught TypeError: react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function
项目之后,当我将任何类型的代码放在本地主机上时,它不会显示在本地主机中,所以当我检查并打开控制台时,它会显示以下错误: react.js
at Module../src/index.js (index.js:7:1)
at Module.options.factory (react refresh:6:1)
at __webpack_require__ (bootstrap:24:1)
at startup:7:1
at startup:7:1
发布于 2022-05-01 00:09:46
对于React 18中较新的导入方法,现在不再推荐上述使用的方法。
你可以用这个来解决问题。
import {StrictMode} from 'react';
import {createRoot} from 'react-
dom/client';
import App from './App'
//这是index.html文件中div的ID
const rootElement =
document.getElementById('root');
const root =
createRoot(rootElement);
//️如果使用️,则添加非空(!)断言运算符//
const root = createRoot(rootElement!);
然后
root.render(
<StrictMode>
<App />
</StrictMode>,
);
发布于 2022-12-03 08:54:44
用const创建根
根= ReactDOM.createRoot(document.getElementById("root"));
而不是使用ReactDOM.render
root.render
https://stackoverflow.com/questions/71945583
复制相似问题