将 Skulpt 与 React 结合使用

Question

我有兴趣创建一个 React Web 应用程序，教孩子们如何通过 Turtle Graphics 等程序使用 Python。我认为Skulpt会是一个很好用的库，因为它已经有一个演示，展示了如何在 HTML 页面中使用它。然而，虽然它在普通网页中加载良好，但我很难让它在我的 React 应用程序中运行，可能是由于 skulpt.min.js 设置的全局变量。具体来说，我收到以下消息：

./src/utils/skulpt-stdlib.js
Line 1:1:  'Sk' is not defined  no-undef

我想这是因为 skulpt-stdlib.js 脚本依赖于首先读取 skulpt.min.js 脚本并在 skulpt-stdlib.js 脚本工作之前设置其全局变量。我需要在 React 中做什么才能使其像在普通网页中一样工作？谢谢你！

Answer 1

试试这个，希望它有效，我也在尝试，如果它完全有效我会更新它。

在 skulpt.min.js 的开头添加以下代码

function Sk() {}

以及 skulpt.min.js 末尾的以下代码

export { Sk };