Babel 6预设选择使Babel正常工作

伯恩哈德

我将babel 6与react插件配合使用，并按照文档说明进行了设置。我已阅读过要让我开始工作es2015并需要使用和做出反应的方法preset。最初，使用这两个预设，一切都可以正常工作。

但是，当我从babel的网站（属性初始化器）复制了示例代码以测试新的语言功能时，以下代码被编译时出现了错误，因此无法再编译代码。

// The ES6+ way
class Video extends React.Component {
    static defaultProps^= { // this is line 42 and ^ the column where error occurs
        autoPlay: false,
        maxLoops: 10,
    }

    static propTypes = {
        autoPlay: React.PropTypes.bool.isRequired,
        maxLoops: React.PropTypes.number.isRequired,
        posterFrameSrc: React.PropTypes.string.isRequired,
        videoSrc: React.PropTypes.string.isRequired,
    }

    state = {
        loopsRemaining: this.props.maxLoops,
    }
}

Warning: [...]components/sectorList.js: Unexpected token (42:24) Use --force to continue.

经过很长一段时间的调试，我也通过加载stage-0babel的预设解决了这个问题。但这只是运气。

所以我找不到答案的问题是：

如何确定正确的预设集合的正确方法。

或者是意外的标记……主要是警告有关缺少预设的通知？

谢谢你的帮助

马蒂亚斯·温克尔曼（Matthias Winkelmann）

如果您查看预设的babel页面，它将列出所有包含的转换。在这种情况下，您使用的是类属性，该类属性当前处于阶段1，因此包含在阶段1预设中。

在ES2015中，您将使用构造函数来设置默认值。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。