Компонент импортного импорта с другого компонента

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 

{ 

я получил эту ошибку «Ruquring неизвестный модуль, если вы уверены, модуль пытается перезагрузить упаковщик или запустить npm install "????

Answer 1

Возможная причина может быть относительным путем («./ App/LoginView») может быть неправильной относительно компонента при импорте. Попробуйте обновить относительный путь соответственно. После обновления остановите реагировать на собственный сервер dev и снова запустите его используя react-native start.

Answer 2

Давайте рассмотрим, что вы импортируете страницу AboutUs в index.ios.js с использованием следующих var AboutUs = require ('./ Views/AboutUs');

AboutUs.js находится в каталоге «Представления», который находится на этой странице, где расположена index.ios.js. А на странице AboutUs.js вы должны экспортировать компонент по module.exports = AboutUs; Где,

класс ABOUTUS расширяет компонент { ..... }