将 Browserify 与 Reactjs 一起使用答案

【问题标题】：Using Browserify with Reactjs将 Browserify 与 Reactjs 一起使用
【发布时间】：2015-03-13 09:17:44
【问题描述】：

我刚刚开始一个新项目，我想用 ReactJS 编写。我正在尝试使用 Broserify 捆绑所有内容，以便我可以将它放在多个 js 文件中。

但是，当我尝试捆绑我的反应文件 (browserify main.js > bundle.js) 时，我收到此错误： “错误：解析文件 /Users/Kathleen/Documents/Referral_Site/main.js：意外令牌 (3:4)”

main.js 看起来像这样：

var Lander = require('./lander');
React.render(
    <Lander />,
    document.getElementById('content')
);

是什么破坏了解析器？提前致谢！

编辑：另外，我在周围的 html 中包含了这样的反应：

<script src="http://fb.me/react-0.12.2.js"></script>

有什么方法需要我也将它包含在 main.js 中吗？

【问题讨论】：

【解决方案1】：

你必须先将JSX编译成纯JS，有browserify插件。

【讨论】：