1

我的项目在我的电脑上运行，但现在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 仓库

4

1 回答 1

2

似乎与关键字发生冲突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

于 2019-08-22T10:11:45.037 回答