等待，直到JSX文件编译完成

我正在使用babel的独立版本与react.js一起用于浏览器以及稍后在Android webview中使用。（no Application，Server，node.js，npm ...）当我在不同的文件中创建更多的REACT组件时，我碰到组件未定义的错误。等待，直到JSX文件编译完成

这是因为当我尝试访问页面加载函数中的这个组件时，babel没有完成JSX编译组件。有没有一种方法可以等到JSX编译完成？

请帮忙！我是新与REACT /巴贝尔并没有发现任何解决方案在过去几天的： - （（

来源

2016-02-06 peteinba

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

请分享一些代码。 – Chris

我面临着同样的问题，而实施解决方案，以使用我的老同学的Java应用程序反应
在开发模式我想用我的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>

来源

2016-08-05 08:15:20 dendscie

等待，直到JSX文件编译完成

回答

相关问题