babel把jsx编译的时候提示错误

Question

Error: SyntaxError calculator.jsx: Unexpected token (4:3)

  2 |     render: function () {
  3 |         return (
> 4 |             <p>hello world</p>
    |    ^
  5 |         )
  6 |     }
  7 | });

Answer 1

用的是babel6吧？babel6把jsx，ES2015都拆出来了，安装对应的预加载文件，cli文件package要加上presets参数，赋值['ES2015','jsx']

详情可以看presets

Answer 2

npm install babel-preset-react --save-dev

然后在presets中添加react 如：

presets: ['react', 'es2015']

Answer 3

乱七八糟的空白字符？