将Browserify与Reactjs一起使用

at

我刚刚开始一个新项目,我想用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中吗?

Farincz

您必须先将JSX编译为纯JS,并且有用于browserify的插件。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将XhtmlTextWriter与XmlTextReader一起使用

来自分类Dev

将AngularJS与Liferay一起使用

来自分类Dev

您如何一起使用JSHint和Browserify?

来自分类Dev

将localForage和angular-localForage与Browserify一起使用会导致require语句出错

来自分类Dev

将Bootstrap 3.0与Browserify一起使用

来自分类Dev

将“ -Filter”与变量一起使用

来自分类Dev

将ValueLink与ReactJS中的自定义onChange处理程序一起使用

来自分类Dev

如何将Pikaday与ReactJS一起使用?

来自分类Dev

将Bootstrap组件与Reactjs一起使用

来自分类Dev

无法读取未定义的“组件”:将material-ui与browserify一起使用

来自分类Dev

Typescript和Browserify可以一起使用吗?

来自分类Dev

将PowerMock与黄瓜一起使用

来自分类Dev

将ES6导入与CoffeeScript和Browserify一起使用

来自分类Dev

将ES6导入与CoffeeScript和Browserify一起使用

来自分类Dev

将Scrapyd与参数一起使用

来自分类Dev

将Browserify与Angular JS一起使用--将服务传递到控制器

来自分类Dev

将ReactJS与npm一起使用并给出以下错误(意外令牌)

来自分类Dev

将Reactjs与Dexie.js一起使用?

来自分类Dev

React-tools:当我将Browserify与Babelify一起使用时是否需要Babel-CLI?

来自分类Dev

如何将本地存储与apollo-client和reactjs一起使用?

来自分类Dev

将MicroLink与Reactjs一起使用

来自分类Dev

您如何一起使用JSHint和Browserify?

来自分类Dev

将localForage和angular-localForage与Browserify一起使用会导致require语句出错

来自分类Dev

将Browserify与Gulp中的修订清单一起使用,得到“错误:结束后写入”

来自分类Dev

将Browserify与Angular JS一起使用--将服务传递到控制器

来自分类Dev

将ReactJS与npm一起使用并给出以下错误(意外令牌)

来自分类Dev

React-tools:当我将Browserify与Babelify一起使用时是否需要Babel-CLI?

来自分类Dev

Angular-Ladda无法与browserify-shim / browserify一起正常使用

来自分类Dev

如何将 redux-connect 与 reactjs 和 js-classes 一起使用?

Related 相关文章

  1. 1

    将XhtmlTextWriter与XmlTextReader一起使用

  2. 2

    将AngularJS与Liferay一起使用

  3. 3

    您如何一起使用JSHint和Browserify?

  4. 4

    将localForage和angular-localForage与Browserify一起使用会导致require语句出错

  5. 5

    将Bootstrap 3.0与Browserify一起使用

  6. 6

    将“ -Filter”与变量一起使用

  7. 7

    将ValueLink与ReactJS中的自定义onChange处理程序一起使用

  8. 8

    如何将Pikaday与ReactJS一起使用?

  9. 9

    将Bootstrap组件与Reactjs一起使用

  10. 10

    无法读取未定义的“组件”:将material-ui与browserify一起使用

  11. 11

    Typescript和Browserify可以一起使用吗?

  12. 12

    将PowerMock与黄瓜一起使用

  13. 13

    将ES6导入与CoffeeScript和Browserify一起使用

  14. 14

    将ES6导入与CoffeeScript和Browserify一起使用

  15. 15

    将Scrapyd与参数一起使用

  16. 16

    将Browserify与Angular JS一起使用--将服务传递到控制器

  17. 17

    将ReactJS与npm一起使用并给出以下错误(意外令牌)

  18. 18

    将Reactjs与Dexie.js一起使用?

  19. 19

    React-tools:当我将Browserify与Babelify一起使用时是否需要Babel-CLI?

  20. 20

    如何将本地存储与apollo-client和reactjs一起使用?

  21. 21

    将MicroLink与Reactjs一起使用

  22. 22

    您如何一起使用JSHint和Browserify?

  23. 23

    将localForage和angular-localForage与Browserify一起使用会导致require语句出错

  24. 24

    将Browserify与Gulp中的修订清单一起使用,得到“错误:结束后写入”

  25. 25

    将Browserify与Angular JS一起使用--将服务传递到控制器

  26. 26

    将ReactJS与npm一起使用并给出以下错误(意外令牌)

  27. 27

    React-tools:当我将Browserify与Babelify一起使用时是否需要Babel-CLI?

  28. 28

    Angular-Ladda无法与browserify-shim / browserify一起正常使用

  29. 29

    如何将 redux-connect 与 reactjs 和 js-classes 一起使用?

热门标签

归档