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 

{

我收到了这个错误，＆＃34;如果您确定模块在那里，请尝试重启包装器或运行npm install＆＃34; ????

Answer 1

可能的原因可能是相对路径（＆＃39; ./ App / LoginView＆＃39;）导入时组件可能出错。请相应更新相对路径。更新后停止react-native dev服务器并使用react-native start再次启动它。

Answer 2

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

AboutUs.js位于＆＃34; Views＆＃34;位于index.ios.js页面所在位置的目录。在AboutUs.js页面中，您必须导出组件 module.exports =关于我们; 其中，

类AboutUs扩展Component { ..... }

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

2 个答案: