javascript - 我的代码框上带有 react & parcel 的“目标容器不是 DOM 元素”错误
问题描述
我的项目在我的电脑上运行,但现在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"));
解决方案
似乎与关键字发生冲突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"));
推荐阅读
- html - 如何使用 shift+alt+arrow-down 在 Visual Studio Code 中的选定行下方复制选定行
- php - 在这种情况下如何创建for循环
- c++ - GetAsyncKeyState 切换
- flutter - Dio 没有发送请求并一直等待请求
- javascript - Laravel 中的 Sweet Alert 删除确认导致未定义的 URL
- scrum - 待办事项梳理和冲刺计划
- java - 如何更有效地在 Android 聊天应用中接收和显示好友列表中的所有好友
- linux-kernel - 线程中断处理程序和tasklet有什么区别?
- swift - SwiftUI - 十六进制颜色不正确
- reactjs - Angular 项目中的更改会重新加载网页,但不需要在 React 中重新加载