**关闭。**这个问题是not reproducible or was caused by typos。目前不接受答复。
此问题是由打印错误或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这一个是解决的方式不太可能帮助未来的读者。
7天前关闭
Improve this question
突然我得到了一个编译错误后,移动js文件,但我撤销它仍然这里是我的索引。HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>React App</title>
</head>
<body>
<div id="roOt"></div>
</body>
</html>
这是我的索引。js
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from "./componment/App";
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
<React.StrictMode>
<App />
</React.StrictMode>
);
这是失败的img
如果你给予我一点提示,我将不胜感激。
React暗示或解决方案
2条答案
按热度按时间kpbwa7wx1#
只需将id=“roOt”更改为id=“root”
k75qkfdt2#
getElementById是大小写敏感的,所以在这种情况下,你没有一个id为“root”的div,而是有一个id为“roOt”。根据文档中的mozilla getElementById:
参数ID是一个区分大小写的字符串,在文档中是唯一的;只有一个元素应该具有任何给定的ID。
把你的id改成“root”,问题就解决了