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

问题解决。