babel 在编译箭头函数时报 "Unexpected token" 问题

babel 在编译箭头函数时报错问题

---

今天在用webpack打包时遇到了如下错误：

Module build failed: SyntaxError: D:/workspace/vs/simple-database/app/containers/App.jsx: Unexpected token (86:7)  84 |   }  85 |> 86 |   test = () => {     |        ^  87 |     return '';  88 |   }  89 |

我的.babelrc为

{  "presets": [    "es2015",    "react"  ],  "env": {    "start": {      "presets": [        "react-hmre"      ]    }  }}

查找原因为箭头函数为ES7所支持的语法所以要修改.babelrc文件为

{  "presets": [    "es2015",    "react",    "stage-1"  ],  "env": {    "start": {      "presets": [        "react-hmre"      ]    }  }}

还记得要安装这个预设

npm install -D babel-preset-stage-1

问题解决。