2

我对使用 react-style 很感兴趣。尽管尝试在 Gulp 中处理我的文件时出现错误。我收到以下错误：

错误：无法从“/Users/nnnnnn/Google Drive/Code/reactTesting/reactTestOne/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
    }
})

谷歌没有帮助。想知道我是否需要以某种方式编译包，很累，所以可能是时候离开它过夜了。但是在完成之前努力放手。你知道是怎么回事 ：）

干杯。

4

1 回答 1

1

答案是编辑文件之间的混合，如下所示：

https://github.com/js-next/react-style/pull/128/files

但在我的例子中编辑：

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

在 stylesToCSS.js 中：

var hyphenateStyleName = require('react/node_modules/fbjs/lib/hyphenateStyleName');
于 2015-11-11T09:18:54.503 回答