Invalid Token < 在 ReactJS 代码上运行 browserify答案

【问题标题】：Invalid Token < running browserify on ReactJS codeInvalid Token < 在 ReactJS 代码上运行 browserify
【发布时间】：2016-03-18 15:47:56
【问题描述】：

这真的很荒谬，但我坚持让它运行：

var React = require('react');
var AppBar = require('./node-modules/material-ui/lib/app-bar') ; 
var Card = require('./node-modules/material-ui/lib/card') ; 

var MyComponent = React.createClass({
    render: function(){
        return (
            <h1>Hello, world!</h1>
        );
    }
});

React.render(
    <MyComponent /> , 
    document.getElementById("header") 
);

我尝试通过安装browserify 和babelify 软件包并使用here 中的相应预设调用它们来遵循文档，但无论我使用什么选项或预设组合，它都会一直抱怨“this github 线程中的建议使用 es2015 预设运行它，但这也无济于事。

哦，这是我调用的命令及其产生的错误：

browserify index.jsx -o bundle.js -t babelify --presets es2015 react                                                                                                                              
SyntaxError: /Users/Parsoa/Desktop/Sharif/Homepage/public/index.jsx:      Unexpected token (8:12)
   6 |     render: function(){
   7 |         return (
>  8 |             <h1>Hello, world!</h1>
     |             ^
   9 |         );
  10 |     }
  11 | });
    at Parser.pp.raise    (/Users/Parsoa/Desktop/Sharif/Homepage/public/node_modules/babelify/node_modules/babel-core/node_modules/babylon/index.js:1378:13)
    at Parser.pp.unexpected (/Users/Parsoa/Desktop/Sharif/Homepage/public/node_modules/babelify/node_modules/babel-core/node_modules/babylon/index.js:2817:8)
    at Parser.pp.parseExprAtom (/Users/Parsoa/Desktop/Sharif/Homepage/public/node_modules/babelify/node_modules/babel-core/node_modules/babylon/index.js:749:12)
    at Parser.pp.parseExprSubscripts (/Users/Parsoa/Desktop/Sharif/Homepage/public/node_modules/babelify/node_modules/babel-core/node_modules/babylon/index.js:504:19)
    at Parser.pp.parseMaybeUnary (/Users/Parsoa/Desktop/Sharif/Homepage/public/node_modules/babelify/node_modules/babel-core/node_modules/babylon/index.js:484:19)
    at Parser.pp.parseExprOps (/Users/Parsoa/Desktop/Sharif/Homepage/public/node_modules/babelify/node_modules/babel-core/node_modules/babylon/index.js:415:19)
    at Parser.pp.parseMaybeConditional (/Users/Parsoa/Desktop/Sharif/Homepage/public/node_modules/babelify/node_modules/babel-core/node_modules/babylon/index.js:397:19)
    at Parser.pp.parseMaybeAssign (/Users/Parsoa/Desktop/Sharif/Homepage/public/node_modules/babelify/node_modules/babel-core/node_modules/babylon/index.js:360:19)
    at Parser.pp.parseParenAndDistinguishExpression (/Users/Parsoa/Desktop/Sharif/Homepage/public/node_modules/babelify/node_modules/babel-core/node_modules/babylon/index.js:822:26)
    at Parser.pp.parseExprAtom (/Users/Parsoa/Desktop/Sharif/Homepage/public/node_modules/babelify/node_modules/babel-core/node_modules/babylon/index.js:708:19)

任何解决方案？

【问题讨论】：

标签： reactjs browserify babeljs

【解决方案1】：

您缺少一些方括号。

browserify script.js -o bundle.js -t [ babelify --presets [ es2015 react ] ]

【讨论】：

谢谢，我真笨！我认为那些方括号意味着可选参数。