装饰师与巴贝尔，意想不到的令牌

2018-06-11 11:54:10

我试图在React的类中使用装饰器，使用babelify。我在'babel'中应用了'es7.decorators'选项，但遇到'@'字符时我一直收到'意外标记'错误。

有人有主意吗？下面是一个简单的例子。

装饰：

export default function(Component) {
  return class extends Component {
    constructor() {...}
  }
}

类：

import myDecorator from 'decorator';

@myDecorator
class MyClass{...}

我使用babelify（Babel的Browserify变换）：

browserify().transform(babelify.configure({
  optional: ['es7.decorators']
})

感谢@LeonidBeschastny提到的.babelrc文件，使用配置文件装饰工作正常，使用babelify自述文件中描述的设置不起作用，无论出于何种原因（不知道是否我的设置或其他）。

如果有人遇到这个问题，我遇到了同样的问题。

我认为这里列出了突破的变化：http://babeljs.io/blog/2015/03/31/5.0.0/#babelrc

我需要做的就是将{“stage”：1}添加到我的babelrc中，它告诉babel使用实验性功能编译，其中一个是es7修饰符。

链接地址: http://www.djcxy.com/p/32965.html