javascript - 带有 browerify 的 babel 导致箭头函数出现语法错误

Question

首先我使用的是gulp

用 browserify 和 babel 编译我的包

var bundler = browserify(filepath, args)
    .plugin(watchify, {ignoreWatch: ['**/node_modules/**', '**/bower_components/**']})
    .transform(babelify, {presets: ['es2015', 'react']})

这是我尝试运行命令时得到的结果

SyntaxError: browser/components/table.js: Unexpected token (50:14)
  48 |  }
  49 | 
> 50 |  handleToggle = () => this.setState({ drawer: !this.state.drawer })
     |               ^
  51 | 
  52 |  status(entry) {
  53 |      if (entry.status === undefined) {

除了箭头函数之外的所有东西似乎都能完美地工作，我不知道我在这里做错了什么。

export default class TableHandler extends Component {
 constructor(props) {
  super(props)
  this.state = {drawer: true}
 }
 handleToggle = () => this.setState({ drawer: !this.state.drawer })
 render(){
  return(
    <Drawer docked={false} width={300} open={this.state.drawer} />
  )
 }
} 

还有更多代码，但我认为这可能就足够了

Answer 1

好的，在添加“stage-1”之后，我可以毫无问题地使用箭头函数。

.transform(babelify, {presets: ['es2015', 'stage-1', 'react']})