等待 JSX 文件编译完成

【问题标题】：Waiting until JSX files compiling is finished等待 JSX 文件编译完成
【发布时间】：2016-02-06 17:20:27
【问题描述】：

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

这是因为当我尝试访问它时，babel 还没有完成组件的 JSX 编译页面加载函数中的组件。有没有办法等到 JSX 编译完成？

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

【问题讨论】：

你能分享一些代码或构建配置吗？我想这是因为一件事没有被吊起。使用 WebPack 或运行您的代码添加已编译脚本文件的底部可能是一个好主意。
请分享一些代码。

标签： javascript reactjs babeljs

【解决方案1】：

我遇到了同样的问题，同时在我的旧学校 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>

但这没用，得到了一个

myFunctionDefinedInMyJSXScript 未定义

将我的函数调用脚本标签从“text/javascript”更改为“text/babel”解决了它。

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

【讨论】：