Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs Codesandbox给出了;目标容器不是DOM元素;React应用程序出错,但webpack dev服务器没有_Reactjs_Codesandbox - Fatal编程技术网

Reactjs Codesandbox给出了;目标容器不是DOM元素;React应用程序出错,但webpack dev服务器没有

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

我正在尝试使用practice React应用程序获取我的git repo,并将其放入codesandbox.io中,这样我就可以更轻松地将其展示给我正在使用的其他人。我按照指示把我的沙箱放在这里:

但是,我得到一个错误:
目标容器不是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
只有我放进去的东西。不应该留下任何东西。