React-Native 无法解析模块 [英] React-Native Unable to resolve module

问题描述

我收到以下错误:

Dec 16 20:03:26 NathanHyland Bunny[21876]:无法从/Users/nhyland/Documents/react-native/Bunny/index.ios.js 解析模块 socket.io-client/socket.io:无效目录/Users/node_modules/socket.io-client/socket.io12 月 16 日 20:03:26 NathanHyland syslogd[21710]:ASL 发件人统计

Dec 16 20:03:26 NathanHyland Bunny[21876]: Unable to resolve module socket.io-client/socket.io from /Users/nhyland/Documents/react-native/Bunny/index.ios.js: Invalid directory /Users/node_modules/socket.io-client/socket.io Dec 16 20:03:26 NathanHyland syslogd[21710]: ASL Sender Statistics

我的 index.io.js:

My index.io.js:

var React = require('react-native');
var {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    TouchableHighlight
    } = React;

import './UserAgent';
window.navigator.userAgent = "react-native";
var _ = require('lodash');
var io = require('socket.io-client/socket.io');

class Bunny extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <View style={styles.container}>
                <Text style={styles.welcome}>
                    Welcome to React Native!
                </Text>
                <Text style={styles.instructions}>
                    To get started, edit index.ios.js
                </Text>
                <Text style={styles.instructions}>
                    Press Cmd+R to reload,{'\n'}
                    Cmd+D or shake for dev menu
                </Text>
                <TouchableHighlight onPress={() => {

      }}><Text>Test</Text></TouchableHighlight>
            </View>
        );
    }
}


var styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
    },
    welcome: {
        fontSize: 20,
        textAlign: 'center',
        margin: 10,
    },
    instructions: {
        textAlign: 'center',
        color: '#333333',
        marginBottom: 5,
    },
});

AppRegistry.registerComponent('Bunny', () => Bunny);

我尝试直接链接到 node_modules 中的文件夹/文件，但这不起作用，我尝试了不同的导入方式，但没有 bueno.

I've tried to link directly to the folder/file in node_modules and that doesn't work, I've tried different ways of importing and no bueno.

它通过 npm install socket.io-client 安装得很好，我可以在节点模块中看到它.

It installs just fine via npm install socket.io-client, I can see it in node-modules.

知道为什么它不让我导入吗?

Any idea why it won't let me import?

推荐答案

import io from 'socket.io-client';

================

===============

package.json 文件

package.json file

"dependencies": {
    "react": "16.0.0-alpha.12",
    "react-native": "0.47.1",
    "socket.io-client": "2.0.3"
}

这篇关于React-Native 无法解析模块的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！