reactjs - 无法在浏览器中运行转换后的 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>