react基础render错误

Posted on   |  

真是比了狗了，弄了一早上react，写个最简单的组件都能出错，错误提示如下

1
2
3
4
5
6
7
8
9
ERROR in ./src/index.jsx
Module build failed: SyntaxError: /Users/zhan/Documents/study/weui/my-weui-base/src/index.jsx: Unexpected token (16:6)
  14 |   render() {
  15 |     return (
> 16 |       <Button>hello wechat</Button>
     |       ^
  17 |       );
  18 |   }
  19 | }

最后上网一看发现有人也遇到这个问题，他说babel的版本不能高于6.4，结果我把package.json改为如下形式，就通过了，简直醉了

1
2
3
"babel": "^5.8.23",
"babel-core": "^5.8.23",
"babel-loader": "^5.3.2",