React 项目出现“目标容器不是 DOM 元素”错误

Question

我正在为学校做一个反应项目，并在尝试加载 Web 服务器时收到以下错误：

Error: Target container is not a DOM element. react-dom.development.js:26091
    render React
    js index.js:7
    js main.chunk.js:566
    Webpack 7
        __webpack_require__
        fn
        1
        __webpack_require__
        checkDeferredModules
        webpackJsonpCallback
        <anonymous>

index.js 代码如下所示：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: 
reportWebVitals();

我该如何解决这个问题，以便我可以开始使用网页的外观？

Answer 1

我会检查您的 public/index.html 文件并确保您已将其保存在其中。

<div id="root"></div>

你用过

npx create-react-app my-app

开始？它会自动为你生成这个带有根 div 的文件