将 Browserify 与 Reactjs 一起使用

Posted 2023-02-24

【中文标题】将 Browserify 与 Reactjs 一起使用

【英文标题】：Using Browserify with 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插件。

https://www.npmjs.com/package/reactify