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

.babelrc

Copycopy code to clipboard
1"plugins": [
2  [
3    "module-resolver",
4    {
5      "root": ["./src"],
6      "extensions": [".js", ".ios.js", ".android.js"]
7    }
8  ]
9]

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)

Copycopy code to clipboard
1export { default as Singin } from "./Singin";

App.js

Copycopy code to clipboard
1import { Signin } from "views";

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

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

components/index.js

Copycopy code to clipboard
1export { default as MyComponent } from "./MyComponent";

Signin.js

Copycopy code to clipboard
1import MyComponent from "components/MyComponent";

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

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

To be continue...

4. 원인 분석(Cause Analysis)

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