Javascript 等待JSX文件编译完成

我正在使用babel的独立版本以及react.js在浏览器中使用，稍后在Android webview中使用。 （无应用程序、服务器、node.js、npm…） 当我在不同的文件中创建更多的REACT组件时，我会遇到组件未定义错误

这是因为当我尝试访问此文件时，babel还没有完成组件的JSX编译 页面加载函数中的组件。是否有方法等待JSX编译完成

---

请帮忙！我是REACT/Babel的新手，最近几天没有找到任何解决方案：-（

我在老牌java应用程序中实现REACT的解决方案时遇到了同样的问题。
在开发模式下，我想使用我的jsx文件客户端，这样我就可以立即测试它们

<script type="text/javascript" src="/assets/react/vendor/babel.min.js"></script>
<script type="text/babel" src="/assets/react/jsx/my-react-file-with-funtion.jsx"></script>
<script type="text/javascript">
    $(function () {
                myFunctionDefinedInMyJSXScript();
    });
</script>

$（函数（）{
MyFunctionDefinedMyJSXScript（）；
});

但这不管用，有一个

MyFunctionDefinedMyJSXScript未定义

将我的函数调用脚本标记从“text/javascript”更改为“text/babel”解决了这个问题

<script type="text/babel">
    $(function () {
                myFunctionDefinedInMyJSXScript();
    });
</script>

$（函数（）{
MyFunctionDefinedMyJSXScript（）；
});

你能分享一些代码或构建配置吗？我想这是因为有一样东西没有被提升。使用WebPack或运行你的代码可能是个好主意。请分享一些代码。