無法在瀏覽器中將轉換后的jsx運行為js文件。 在瀏覽器中要求jsxtransformer

Question

我正在嘗試使用reactify進行jsx轉換，並且已經使用reactify完成了從jsx到常規js的轉換。 但是，當我嘗試運行轉換后的js文件時，它不顯示任何內容。 但是，當我在瀏覽器中導入jsxtransformer時，它將顯示內容。 我無法理解我的程序中的錯誤。 如果有人知道，請幫助我。 謝謝..

Answer 1

如文檔所述 ，瀏覽器內的轉譯已從Babel中刪除，但是Daniel15在此處創建了一個獨立的版本，可用於“非Node.js環境，包括瀏覽器”：

https://github.com/Daniel15/babel-standalone

您需要做的就是將此引用添加到您的頁面： <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.4.4/babel.min.js"></script>

然后確保您在對其他腳本文件的引用中使用type="text/babel"屬性，例如：

<script type="text/babel" src="scripts/myReactComponent.jsx"></script>