React router animation получение неожиданного токена после браузера

Question

Я пытаюсь реализовать pages transitions animation по react-router. После того, как я скомпилировал свой код с browserify/babel, я получаю 'unexpected token' на этой линии: static contextTypes = { со стрелкой, указывающей под знаком =.

Я скопировал/вставлял код точно из docs, я не понимаю, что случилось.

Answer 1

static ключевое слово предложенная функция ES7, вам нужно добавить stage-0 предустановку Бабеля: https://github.com/babel/babel/tree/master/packages/babel-preset-stage-0

В качестве альтернативы вы можете просто сделать бизнес после вашего класса:

class RouteCSSTransitionGroup extends React.Component { 
... 
} 

RouteCSSTransitionGroup.contextTypes = { 
    location: React.PropTypes.object 
} 

Answer 2

НПМ установки --save- DEV-погрузчик Бабель

NPM установить --save-DEV Бабель-жильный Бабель-запрограммированного-es2015 Бабель-запрограммированным реагирует

NPM установить --save-DEV-Бабель запрограммированных стадии-0 Бабель предварительной установку ступень-1-Бабель запрограммированных стадии 2-Бабель-запрограммированные стадии-3

и:

query:{ 
     presets:['es2015','react','stage-0','stage-1','stage-2','stage-3'] 
     }