等待，直到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文件編譯完成

回答

相關問題