Window환경 에서 React Native 실행 하기

아래 사이트 그대로 실행 시 2가지만 빼놓고 window 에서 react native가 실행이 되었다.

 

윈도우(Windows)에 react native 개발 환경 구축하기 - react-native로 앱을 개발하기 위해 윈도우(Windows)에 개발 환경을 구축해 보고, react-native로 생성한 프로젝트가 잘 동작하는지 확인해 봅니다. (posstree.com)

 

1. TypeError: cli.init is not a function

아래 명령어로 최초 project 만들 시 에러가 발생 하였다.

npx react-native init 프로젝트명

 

[에러 내용]
TypeError: cli.init is not a function
    at run (C:\Users\voip7\AppData\Roaming\npm\node_modules\react-native-cli\index.js:302:7)
    at createProject (C:\Users\voip7\AppData\Roaming\npm\node_modules\react-native-cli\index.js:249:3)
    at init (C:\Users\voip7\AppData\Roaming\npm\node_modules\react-native-cli\index.js:200:5)

 

[해결 방법] 

version이 맞지 않아서 발생한 오류로 version을 지정해서 실행 하면 문제가 해결 된다.

npx react-native init 프로젝트명 --version 0.68.2

 

 

2. JAVA_HOME 설정 에러

빌드시 JAVA_HOME 설정 관련 에러가 발생하여,

 

[에러 내용]

ERROR: JAVA_HOME is set to an invalid directory: 

 

[해결방법]
아래의 시스템 변수 편집 화면에서 JAVA_HOME의 환경 셋팅을 추가 하였다. (본인이 설치한 jdk의 path를 넣어 주면 된다.)

 

 

 

이후는 real target을 연결 한 후, 아래 명령어로 실행 시 android 단말에서, Welcome to React Native가 잘 실행이 되었다. 

 

adb devices
   daemon started successfully
   List of devices attached
   R3CTB0QTBLM     device

npm run android