如何在Codepen中运行用“ create-react-app”创建的react项目?

问题描述

我已经使用create-react-app命令创建了非常基本的react项目,并希望在codepen中运行

我在JS下做了以下设置

enter image description here

要在本地运行项目,我使用命令npm run,如何在Codepen中实现该目标?

解决方法

create-react-app将所有代码编译为一个或多个javascript文件。您无法在Codepen中执行此操作。 您可以将Codepen与预编译的react文件一起使用,但无法从create-react-app获得期望的结果。

请参见以下Hello World示例: https://reactjs.org/redirect-to-codepen/hello-world

还有glitch.mecodesandbox.io等其他站点,您可以在其中克隆create-react-app的存储库并使用节点环境。