首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render不是localhost:3000的控制台中显示的函数。

react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render不是localhost:3000的控制台中显示的函数。
EN

Stack Overflow用户
提问于 2022-04-20 20:04:56
回答 2查看 6.5K关注 0票数 5

在我创建了Uncaught TypeError: react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function项目之后,当我将任何类型的代码放在本地主机上时,它不会显示在本地主机中,所以当我检查并打开控制台时,它会显示以下错误: react.js

代码语言:javascript
运行
复制
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
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2022-05-01 00:09:46

对于React 18中较新的导入方法,现在不再推荐上述使用的方法。

你可以用这个来解决问题。

代码语言:javascript
运行
复制
import {StrictMode} from 'react';
import {createRoot} from 'react- 
dom/client';

import App from './App'

//这是index.html文件中div的ID

代码语言:javascript
运行
复制
const rootElement = 
document.getElementById('root');
const root = 
createRoot(rootElement);

//️如果使用️,则添加非空(!)断言运算符//

代码语言:javascript
运行
复制
const root = createRoot(rootElement!);

然后

代码语言:javascript
运行
复制
root.render(
  <StrictMode>
    <App />
  </StrictMode>,
);
票数 4
EN

Stack Overflow用户

发布于 2022-12-03 08:54:44

用const创建根

根= ReactDOM.createRoot(document.getElementById("root"));

而不是使用ReactDOM.render

root.render

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71945583

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档