gpt4 book ai didi

javascript - 目标容器不是 DOM 元素 React.js

转载 作者:技术小花猫 更新时间:2023-10-29 12:20:48 25 4
gpt4 key购买 nike

我已经查看了所有其他有此问题的帖子,但我仍然对为什么会遇到此错误感到困惑。我确保在我的

中使用了 id

刚开始玩 React,所以我确定它很傻。

提前感谢您的帮助。

代码如下。

index.html

<html>
<head>
</head>
<body>
<div id="testing"></div>
<script src="index.js"></script>
</body>
</html>

索引.js

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

ReactDOM.render(<App />, document.getElementById('testing'));
registerServiceWorker();

完整错误信息:

不变

../app/node_modules/fbjs/lib/invariant.js:42 renderSubtreeIntoContainer
../app/node_modules/react-dom/cjs/react-dom.development.js:15144 render
../app/node_modules/react-dom/cjs/react-dom.development.js:15254
▲ 3 stack frames were expanded.
./src/index.js
../app/src/index.js:6
3 | import './index.css';
4 | import App from './App';
5 |
> 6 | ReactDOM.render(<App />, document.getElementById('testing'));
7 |
8 |
9 |
View compiled
▼ 6 stack frames were expanded.
__webpack_require__
../app/webpack/bootstrap 4755e61baeec1360d412:678
fn
../app/webpack/bootstrap 4755e61baeec1360d412:88
0
http://localhost:3000/static/js/bundle.js:35264:18
__webpack_require__
../app/webpack/bootstrap 4755e61baeec1360d412:678
./node_modules/ansi-regex/index.js.module.exports
../app/webpack/bootstrap 4755e61baeec1360d412:724
(anonymous function)
http://localhost:3000/static/js/bundle.js:728:10

最佳答案

确保仔细检查您在浏览器中看到的 index.html。假设您使用 create-react-app 和 webpack,它可能会从内存或公共(public)文件夹中为您提供不同的文件。

在评论和聊天中的讨论中发现了错误。

关于javascript - 目标容器不是 DOM 元素 React.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47244575/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com