小编Goa*_*ral的帖子

所以我有一个Button组件

import React, { Component } from 'react';
import { View, Text, TouchableNativeFeedback } from 'react-native';

class Button extends Component {
    generateComponent() {
        const { buttonStyle, textStyle } = this.styles;
        const { text } = this.props;

        switch (this.props.platform) {
            case 'android':
                return (
                    <TouchableNativeFeedback onPress={this.props.onPress}>
                        <View style={buttonStyle}>
                            <Text style={textStyle}>{text}</Text>
                        </View>
                    </TouchableNativeFeedback>
                );
            case 'ios':
                return 0;
        }
    }

    render() {
        return (
            <View>
                { this.generateComponent() }
            </View>
        );
    }

    styles = {
        buttonStyle: {
            borderRadius: 100,
            justifyContent: 'center',
            height: parseInt(this.props.size, …

我试图在我的核心React组件中要求shelljs.

import React, { Component } from 'react';
import {render} from 'react-dom';
import Header from './components/Header';

const shell = require('shelljs');

class App extends Component {
    render() {
        console.log("First component mounting");
        console.log("First component mounting");
        return (
            <Header />
        )
    }
}

render(<App />, document.getElementById('root'));

我跑的时候

webpack build

我没有错误,然后我运行我的服务器,我得到以下控制台错误.

我使用jekyll作为我的服务器端.目前正在从正常的jekyll实现过渡到React.React很好实现,因为我在导入shelljs模块之前测试了Header组件

ReferenceError: process is not defined

我是新手在javascript中使用模块,提前谢谢.