Question

我的项目正在计算机上运行，但现在在CodeSanbox上出现错误

目标容器不是DOM元素

该项目只是使用react和parcel的模板项目。在我的家庭项目和codesanbox上的项目之间，我没有做任何更改。

<!DOCTYPE html>
<html>
  <head>
    <title>React App w/ Parcel</title>
    <meta charset="utf-8" />
  </head>
  <body>
    <div id="app"></div>
    <script src="index.js"></script>
  </body>
</html>

import React from "react";
import ReactDOM from "react-dom";
import "./styles.scss";

const App = () => {
  return <div />;
};

ReactDOM.render(<App />, document.getElementById("app"));

github repo

Answer 1

关键字app似乎与之冲突。您可以简单地将div重命名为root或类似的

<!DOCTYPE html>
<html>
  <head>
    <title>React App w/ Parcel</title>
    <meta charset="utf-8" />
  </head>
  <body>
    <div id="root"></div>
    <script src="index.js"></script>
  </body>
</html>

import React from "react";
import ReactDOM from "react-dom";
import "./styles.scss";

const App = () => {
  return <div />;
};

ReactDOM.render(<App />, document.getElementById("app"));

工作沙箱：https://codesandbox.io/s/react-app-parcel-g9ff8

我在带有React＆Parcel的codesandbox上出现“目标容器不是DOM元素”错误

1 个答案: