React Nativeの他のコンポーネントをインポートできない

Question

最近、私はReact Nativeを使ってモバイルアプリを構築する方法を学び始めます。これは私の友人から聞いたもので、本当に興味があります。しかし、今私はエラーに直面し、Googleからソリューションを検索しようとしたが、誰も私の問題を解決することはできませんでした。私の問題は、私は index.android.js に他のコンポーネントをインポートするときには、携帯電話の画面上のエラーを示すことである=>

開発サーバー返された応答エラーコード：私の要素が格納されている500

フォルダアンドロイド => アンドロイド/アプリ/コンポーネント/ Bar.js

に私はこの

のようにそれをインポート

インポートバーfrom '/app/components/Bar';

index.android.js

import React, { Component } from 'react'; 
import { 
    AppRegistry, 
    StyleSheet, 
    View 
} from 'react-native'; 

import Bar from './app/components/Bar'; 
export default class ProfilePageApp extends Component { 
    render() { 
    return (
     <View style={styles.container}> 

      <Bar /> 

     </View> 
    ); 
    } 
} 

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    backgroundColor: '#000', 
    } 
}); 

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

Bar.js

import React, { Component } from 'react'; 
import { 
    View, 
    Text 
} from 'react-native'; 


class Bar extends Component { 
    render() { 
    return (
     <View style={styles.container}> 

      <Text>Hello world</Text> 

     </View> 
    ); 
    } 
} 

export default Bar; 

エラー

Answer 1

RNがファイルディレクトリの規則に関して実際にどのように動作するのかよく分かりませんが、Reactのような他の人たちとはかなり同じだと思います。しかし、私があなたのコードを読んだときには、あなたのimportステートメントに./androidがありません。

あなたが言及：

私のコンポーネントは

アンドロイド=> アンドロイド/アプリ/コンポーネント/ Bar.js

フォルダに保存されている。しかし、あなたはそうのようにそれをインポートされます。

import Bar from './app/components/Bar'; 

試しましたか？

import Bar from './android/app/components/Bar'; 

？