가져온 모듈을 확인할 수 없습니다.

Question

본인의 반응 네이티브 프로젝트에 다음 디렉터리 구조가 있습니다.

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

내가 지금처럼 ComponentB 가져하려고 ComponentA.js에서

:

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

를하지만 나에게 오류 (500)를 제공합니다

모듈을 확인할 수 없습니다 ../ ../ComponentB ..

그때 나는 시도 :

,536,

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 단계 높이려고 시도했을 때 ComponentA/src/.... 이므로 경로는 'src/ComponentB입니다.

Answer 2

보십시오이

import ComponentB from '../ComponentB/ComponentB '

당신이 구성 요소에 액세스하려고하지만 구성 요소에 도달하지 않은 당신은 위의 코드를 사용할 때 다음은 현재 디렉토리에서 이동하기 때문에이 작동하며 그런 다음 다시 구성 요소 디렉토리로 이동 한 다음 폴더 ComponentB과 ComponentB이라는 파일 이름을 차례로 선택합니다. 이제 파일 ComponentB에서 ComponentB에 액세스 할 수 있습니다.