インポートされたモジュールを解決できません

Question

私は反応ネイティブプロジェクトに次のディレクトリ構造を持っています。 ComponentA.jsで

project 
    |-- src 
    | |-- components 
    | | |-- ComponentA 
    | | | |-- ComponentA.js 
    | | |-- ComponentB 
    | | | |-- ComponentB.js 
    |--App.js 
    |--Package.json 

私はそうのようComponentBインポートしようとしています：

import ComponentB from '../../ComponentB' 

しかし、これは私にエラー（500）が得られる：モジュールを解決することができません

を../ ../ComponentB ..

次に試しました：

import ComponentB from './src/components/ComponentB' 

でも同じエラーです。

私も試してみました：

import ComponentB from './src/components/ComponentB/ComponentB.js' 

しかし、また、無ソリューション。

Answer 1

あなたはちょうどあなたがComponentAと同じレベルにあるので'./'が同じレベルであるindex.js

のでcomponentBフォルダ内のファイルに名前を付けるために必要な'../ComponentB'を使用する場合は、その後、 import ComponentB from '../ComponentB/ComponentB' をデフォルトエクスポートする場合あなたがを2レベル上回ったので、'src/ComponentBを試したときに、ComponentA/src/.... に到達しようとしました。

Answer 2

試してみてください。この

import ComponentB from '../ComponentB/ComponentB "

あなたがコンポーネントにアクセスしようとしているが、あなたがコンポーネントに達していなかった、あなたは上記のコードを使用しますとき、それはあなたの現在のディレクトリの外に移動しますので、これは動作しますし、 componentsディレクトリに移動してから、ComponentBというフォルダに移動し、ファイル名はComponentBとなります。これでファイルComponentBからComponentBにアクセスできます。