2015-12-07 3 views
0

Я использую babel 6 с плагином реакции и следую инструкциям по документации для настройки процесса пересылки. Я прочитал, чтобы получить реакцию на работу. Мне нужно использовать es2015 и отреагировать preset. Первоначально все работало отлично, используя эти оба пресета.Babel 6 предустановленный выбор, чтобы заставить Babel работать

Но когда я скопировал пример кода из website (инициализаторах собственности) Бабеля для тестирования новых возможностей языка у меня есть ошибки, когда код ниже был transpiled и поэтому не было возможности больше transpile код.

// 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.

После долгое время debuggin у меня этот вопрос решен путем загрузки также в stage-0 предустановки для Бабеля. Но это была просто удача.

Так что мой вопрос, где я не могу найти ответ на это:

Как это правильный способ определить правильную предустановленную коллекцию.

Или это неожиданный токен ... предупреждает в основном уведомление о недостающей предустановке?

Спасибо за любую помощь

ответ

1

Если посмотреть на Вавилонскую страниц для предварительной настройки, в нем перечислены все включенные преобразования. В этом случае вы используете свойства класса, которые в настоящее время находятся на этапе 1 и поэтому включены в stage 1 preset.

В ES2015 вы должны использовать конструктор для установки значений по умолчанию.

+0

Итак, что я сделал, используя stage-0 около es-2015, можно переписать с помощью пресета, но недействительно? Больше сочетание разных стандартов? – Bernhard

+0

es2015 - это «следующий» стандарт, с основными браузерами, поддерживающими около 80% прямо сейчас. stage-0 (-1, -2, -3) - это сборники предложений для будущего развития. Я считаю, что это занимает около двух лет с этапа-0 до согласованного стандарта. Таким образом, es2015 и stage-0 не противоречат друг другу. –

+0

Спасибо за ваш комментарий, действительно помогли мне очень лучше понять, как работает Babel. – Bernhard