我试图创建一个简单的ui窗口，在那里我可以快速测试react代码。所以我的想法是，我在窗口中输入react jsx代码，在另一个窗口中，我从代码中获得应用程序。
输入（带有react jsx代码）被发送到nodejs进程，该进程将其转换为可以在浏览器react库中处理的普通js代码。我遇到的问题是这个错误regeneratorRuntime is not defined。
当前代码：

const babel = require("@babel/core");

// body comes from window input

console.log(
    babel.transform(body, {
        "presets": ["@babel/env", "@babel/react"],
        "plugins": ["@babel/plugin-proposal-class-properties"]
    }).code
);

我读了一些关于这个错误的主题，大多数似乎建议添加"@babel/plugin-transform-runtime"
所以它变成了

console.log(
    babel.transform(body, {
        "presets": ["@babel/env", "@babel/react"],
        "plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-transform-runtime"]
    }).code
);

然而，在这一点上，babel变换返回的代码在开始时包含以下内容：

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));

var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

但由于此代码由浏览器处理，因此会抛出错误Uncaught ReferenceError: require is not defined
如何解决这个问题，为浏览器提供已经“准备好”的代码，而这些代码不包含任何要求？