2016-11-28 48 views
1

我有項目在react-native和它的好,我的問題是當我試圖導入另一個組件中的組件其失敗,但是當在index.android.js導入它確定爲什麼?react-native從另一個組件導入組件

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未知的模塊,如果你確定該模塊在那裏嘗試重新啓動packeger或運行npm install「?

回答

0

可能的原因可能是相對路徑('./ App/LoginView')在導入時可能與組件有關,請嘗試相應地更新相對路徑。更新停止react-native dev服務器並再次啓動它使用react-native start

+0

謝謝你,但我在index.android.js其運行和在另一其未使用相同的語句! –

+0

你可以發佈你的目錄結構的屏幕截圖 –

0

讓我們考慮您正在通過使用以下 var index.ios.js var導入AboutUs頁面關於我們= require('./ Views/AboutUs');

AboutUs.js位於index.ios.js頁面所在位置的「Views」目錄下。在AboutUs.js頁面中,您必須導出組件 module.exports = AboutUs; 其中,

類公司簡介擴展組件{ ..... }

+0

好的,如果你的答案是正確的!爲什麼在index.android.js好!在另一個沒有? –

+0

我沒有得到你的評論@Bokerjy Zahgan。 –

+0

如果我的答案爲你工作,請投票。提前致謝 :) –

相關問題