1. 프로젝트 구조(Project Structure)

project_structure.png

.babelrc

"plugins": [
  [
    "module-resolver",
    {
      "root": ["./src"],
      "extensions": [".js", ".ios.js", ".android.js"]
    }
  ]
]

create-react-native-app 을 사용했고, src폴더를 root 로 설정했다.
(I use the create-react-native-app and Set the src directory to root)

views/index.js

2. 동작 안하는 예제(Not work example)

export { default as Singin } from "./Singin";

App.js

import { Signin } from "views";

위 코드는 안되는데
(The above code does not work)

3. 동작 하는 예제(Work Example)

components/index.js

export { default as MyComponent } from "./MyComponent";

Signin.js

import MyComponent from "components/MyComponent";

이 코드는 된다.
(But this code is work)

!?!?!? 왜?(Why?)

To be continue…

4. 원인 분석(Cause Analysis)

project_structure2.png

시작 지점인 App.jssrc폴더 밖에 있는데 이게 원인이 될 수 있을까?
(This project entry point is App.js is outside the src directory. Could this be the cause?)

[한국어, EN] Create React Native App import 절대경로 설정(Absolute Path)

1. 초기 설정(Initial Setting) 2. babel-plugin-module-resolver 설치(Install babel-plugin-module-resolver) 3. .babelrc 수정(Edit .babelrc) 4. ...… Continue reading