Reactjs Codesandbox给出了;目标容器不是DOM元素;React应用程序出错,但webpack dev服务器没有
我正在尝试使用practice React应用程序获取我的git repo,并将其放入codesandbox.io中,这样我就可以更轻松地将其展示给我正在使用的其他人。我按照指示把我的沙箱放在这里: 但是,我得到一个错误:Reactjs Codesandbox给出了;目标容器不是DOM元素;React应用程序出错,但webpack dev服务器没有,reactjs,codesandbox,Reactjs,Codesandbox,我正在尝试使用practice React应用程序获取我的git repo,并将其放入codesandbox.io中,这样我就可以更轻松地将其展示给我正在使用的其他人。我按照指示把我的沙箱放在这里: 但是,我得到一个错误:目标容器不是DOM元素 evaluate /src/index.js:52:9 49 | } 50 | } 51 | > 52 | ReactDOM.render(( | ^ 53 | <Provider
目标容器不是DOM元素
evaluate
/src/index.js:52:9
49 | }
50 | }
51 |
> 52 | ReactDOM.render((
| ^
53 | <Provider store={store}>
54 | <BrowserRouter>
55 | <div>
我的代码来自index.html
:
测试PP2
它说它不是一个有效的元素,但它肯定在那里,并且肯定有正确的名称。我错过了什么
使用其他信息更新:
*应用程序不是使用create-react-app
创建的,而是使用包手动初始化和加载的
*Sandbox似乎默认为CRA,这可能会影响它的运行方式?我意识到这是一个老问题,但是对于像我这样迟到的人来说。尝试将
index.html
文件移动到src
目录中。这是“codesandbox”的一个问题。我这样做了,它解决了这个问题。如果index.html在src中,也尝试将其移出src。
我做了并修复了。这太奇怪了,但我刚刚将div的名称改为“root”,它似乎工作得很好。您使用CRA了吗?index.html文件永远不会在沙盒上呈现,因为index.js永远不会在该文件中链接。Create react应用程序在构建应用程序时会在后台进行一些不稳定的构建,以将所有脚本插入HTML文件中,但如果您只是复制/粘贴内容,链接将不会转换。我不记得我是从头开始创建的,还是用CRA创建的,然后从零开始删除所有内容,但它不应该使用CRA。我在模板中注意到了这一点,但不知道如何关闭它。我想完全控制它的设置方式,所以我不想使用CRA。退出CRA应用程序通常只会让我感到非常头痛,但我不是专家。如果您只是想让它在codesandbox上运行,那么您所要做的就是插入一个脚本标记来链接HTML和JS文件:
我没有弹出它。如果它曾经是CRA,那么我会删除目录中的所有内容package.json
只有我放进去的东西。不应该留下任何东西。