Javascript 反应路由器动画在浏览后获取意外令牌

我正试图通过

react router

实现

pages transitions动画。
在我用
browserify/babel
编译代码之后，我在这一行上得到了“
意外标记”
：
static contextTypes={
，箭头指向
=
符号下方

我完全是从复制/粘贴了代码，我不知道出了什么问题。
静态

关键字是建议的es7功能，您需要添加babel的

stage-0

预设：

或者，你可以在课后做生意：

class RouteCSSTransitionGroup extends React.Component {
...
}

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

npm安装--保存开发巴贝尔加载程序

npm安装--保存开发巴别塔核心巴别塔预设-es2015巴别塔预设

npm安装--保存开发巴贝尔-preset-stage-0巴贝尔-preset-stage-1巴贝尔-preset-stage-2巴贝尔-preset-stage-3

以及：

---

谢谢你，伙计，我已经尝试了你的两种解决方案，但现在我在

上有了另一个意想不到的标记，这次打开标记

@LucaMormile上的箭头看起来你的jsx转换不起作用了-你需要es2015和react预设也只是我的意见，但webpack比browserify好得多（增量编译大约快15倍）我肯定会看到webpack，如果你允许我展示我的CLI脚本来编译：browserify main.jsx-o public/js/bundle.js-t[babelify--presets stage-0[es2015 react]]看起来不错，但我不是一个browserify专家，stage 0应该放在方括号内，即
--presets[stage-0 es2015 react]
。我还假设您安装了其他预设，即
npm I babel preset react babel preset react
。我上次尝试让stage-0与这些其他预设一起工作时出现了一个问题，但react和es2015应该可以正常工作
 query:{
        presets:['es2015','react','stage-0','stage-1','stage-2','stage-3']
      }