Reactjs 使用react样式设置react组件样式时出现模块错误

我对使用react风格感兴趣。但是，当我试图在Gulp中处理文件时，会出现错误。我得到以下错误：

错误：无法从“/Users/nnnnnn/Google Drive/Code/reactTesting/reactestone/node_modules/react style/lib”中找到模块“react/lib/ExecutionEnvironment”

jsx文件在这里，以防我做了一些非常愚蠢的事情：

import React, {Component, PropTypes} from 'react';
var ReactDOM = require('react-dom');
var Stylesheet = require('react-style');

export default class ToDo extends React.Component {
    constructor(props){
        super(props);
    }

    componentDidMount() {
        var node = ReactDOM.findDOMNode(this);
        TweenLite.to(node, 0.5, {css:{opacity:1, x:100}, ease:Power4.easeOut});
    }

    render() {
        return (
            <div styles={[styles.todo]} onClick={this.props.onClick} >
                {this.props.text}
            </div>
        )
    }
}

ToDo.propTypes = {
    onClick: PropTypes.func.isRequired,
    text: PropTypes.string.isRequired,
    completed: PropTypes.bool.isRequired
}

var styles = Stylesheet.create({
    todo: {
        opacity: 0,
        x: -100
    }
})

import React，{Component，PropTypes}来自'React'；
var ReactDOM=require（'react-dom'）；
var Stylesheet=require（'react-style'）；
导出默认类ToDo扩展React.Component{
建造师（道具）{
超级（道具）；
}
componentDidMount（）{
var node=ReactDOM.findDOMNode（this）；
to（node，0.5，{css:{opacity:1，x:100}，ease:Power4.easeOut}）；
}
render（）{
返回(
{this.props.text}
)
}
}
ToDo.propTypes={
onClick:PropTypes.func.isRequired，
text:PropTypes.string.isRequired，
已完成：PropTypes.bool.isRequired
}
var styles=Stylesheet.create({
待办事项：{
不透明度：0，
x:-100
}
})

谷歌帮不上忙。不知我是否需要以某种方式编译这个包，非常累，所以可能是时候把它留到晚上了。但在这一切完成之前，我们一直在努力让它过去。你知道是怎么回事：）

---

干杯。

答案是如下所示编辑文件：

但在我的例子中：

var hyphenateStyleName = require('fbjs/lib/hyphenateStyleName');

在stylesToCSS.js中：

var hyphenateStyleName = require('react/node_modules/fbjs/lib/hyphenateStyleName');