Question

我对使用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
    }
})

谷歌没有帮助。想知道我是否需要以某种方式编译包，非常累，所以可能是时候把它留到了晚上。但努力让它继续下去，直到完成。你知道它是怎么回事：）

干杯。

Answer 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');

样式使用react-style反应组件时出现模块错误

1 个答案: