如何 运行 反应在 codepen 中用 "create-react-app" 创建的项目？

Question

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

中 运行

我在JS下做了以下设置

要在本地 运行 项目，我使用命令 npm run，如何在 codepen 中实现？

Answer 1

create-react-app 将所有代码编译成一个或多个 javascript 文件。你不能在 codepen 中这样做。 您可以将 codepen 与 pre-compiled 反应文件一起使用，但您不会从 create-react-app.

中获得您期望的结果

查看这个 Hello World 示例： https://reactjs.org/redirect-to-codepen/hello-world

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