Недопустимый маркер <работает browserify на ReactJS код

Question

это действительно смешно, но я застрял получаю это бежать:

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, но независимо от того, какую комбинацию опций или пресетов я использую, он продолжает жаловаться на символы «<», предшествующие HTML-тегам. Я попытался запустить его с предустановкой es2015, как это было предложено в потоке github this, но это тоже не помогло.

ой, и это команда я призываю и ошибка производит:

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) 

какие-либо решения?

Answer 1

Вам не хватает квадратных скобок.

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