来自另一个组件的react-native导入组件

Question

我有反应原生的项目，它的确定，我的问题是当我试图导入另一个组件中的组件失败但是当在index.android.js导入时它的确定为什么？

index.android.js

    import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  TextInput,
  TouchableOpacity,
  ToastAndroid,
  ListView,
  Navigator,
} from 'react-native';


import LoginView from './App/LoginView';

它还可以，但是当试图在这样的另一个屏幕中导入它时

    import React, { Component } from 'react';  
    import {  
        StyleSheet,
        ToolbarAndroid
        ,AppRegistry,
        View,
        Text,
        TouchableHighlight,
        TextInput,
        ListView,ActionButton,
        Image
    } from 'react-native';
    import LoginView from './App/LoginView';

    export default class MyOrders extends Component 

{  

我得到了这个错误，“如果你确定该模块在那里尝试重新启动包装器或运行npm安装，则使用未知模块”????

Answer 1

可能的原因可能是相对路径（'./ App / LoginView'）在导入时可能与组件有关。尝试相应地更新相对路径。更新后停止react-native dev服务器并再次使用react-native start启动它react-native start 。

Answer 2

让我们考虑您使用以下var AboutUs = require（'./ Views / AboutUs'）在index.ios.js中导入AboutUs页面;

AboutUs.js位于“Views”目录中，该目录位于index.ios.js页面所在的位置。 在AboutUs.js页面中，您必须通过module.exports = AboutUs导出组件; 哪里，

class AboutUs扩展了组件{.....}