css React js -compiled with errors [已关闭]

ndasle7k  于 2023-05-02  发布在  React
关注(0)|答案(2)|浏览(147)

**关闭。**这个问题是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暗示或解决方案

kpbwa7wx

kpbwa7wx1#

只需将id=“roOt”更改为id=“root”

k75qkfdt

k75qkfdt2#

getElementById是大小写敏感的,所以在这种情况下,你没有一个id为“root”的div,而是有一个id为“roOt”。根据文档中的mozilla getElementById:
参数ID是一个区分大小写的字符串,在文档中是唯一的;只有一个元素应该具有任何给定的ID。
把你的id改成“root”,问题就解决了

相关问题