728x90

리액트 네이티브로 새로 프로젝트를 하려고 보는데, 오류가 발생했다..

 

  • Error msg
ERR! missing script: android

npm ERR! A complete log of this run can be found in: npm ERR!

 

처음엔 환경변수 문제나 안드로이드 애뮬레이터 문제인 줄 알고 여러 삽질을 했는데 결국 node 버전 차이 때문에 발생한거였다,,

구글링 해보고 여러 결과 참고해도 문제가 해결이 안돼서 결국 노드를 다시 깔고 하게 됐다..

 

  • Reference 1
 

npm ERR! missing script: android

I get several npm ERR! when trying to run : D:\React Native\cleanProject>npm run android npm ERR! missing script: android npm ERR! A complete log of this run can be found in: npm ERR! C:\Users...

stackoverflow.com

 

  • Reference 2 - 보고 해결한 내용 (노드 버전 차이)
 

Cannot start react-native run-ios or run-android after initializing · Issue #31284 · facebook/react-native

Cannot copy and paste had to retype. ~/node_modules/@react-native-community/cli/build/commands/doctor/healthchecks/index.js:48 } catch {} ^ SyntaxError: unexpected token { at createScript (vm.js:80...

github.com

 


Node & npm update

Node update

>> node -v
>> npm cache clean -f
>> npm install -g n
>> n stable
  • Node.js 현재 버전 확인
  • npm 캐쉬 삭제
  • n 플러그인 설치 (노드 버전관리 플러그인)
  • Node.js 버전 설치
n latest : 최신버전   
n lts : lts 버전   
n stable : 안정버전

 

npm update

>> npm -v
>> npm i -g npm
  • npm 현재 버전 확인
  • npm 업데이트 

 

💡 Permission Denied 에러나 작동이 명령어 적용이 안될 때 앞에 sudo 명령어 붙여서 해보기


 

  • react-native run-android 명령어로 react-native 실행 시 이렇게 오류가 뜬다,,,

 

gradle 버전을 gradle-6.7.1-all.zip버전으로 바꿔서 해결할 수 있었다... ㅠㅠㅠ

  • 결국 컴퓨터가 녹스 애뮬레이터를 감지하지 못해서 그냥 안드로이드 스튜디오 기본 애뮬레이터로 실행했다.

 


  • 기본 애뮬레이터 녹스로 변경하기
>> D:\Program Files\Nox\bin
>> nox_adb.exe connect 127.0.0.1:62001
>> adb connect 127.0.0.1:62001

 

  • 현재 연결 중인 애뮬레이터 확인
emulator -list-avds

 

Reference

 

[React Native CLI] - Simulator 연동(android, ios)

React Native CLI - Simulator 연동(android, ios) expo 를 사용하지 않고 react-native CLI 로 앱을 실행하고, 빌드, 배포해보자. 일단 react native cli를 설치한다. $ yarn global add react-native-cli 또는 $..

wordbe.tistory.com

 

안드로이드 스튜디오 NOX 연결(연동)하는 방법!!!

안드로이드 스튜디오를 할려는데 애뮬레이터를 쓰는데 너무 불편해서 안드로이드 핸드폰으로 디버깅을 많이합니다. 하지만 아이폰을 사용하여 안드로이드 핸드폰이 없어서 애뮬레이터로 어쩔

sh-itstory.tistory.com

 

React-Native 프로젝트 만들기

Reactive ? React ? React는 페이스북이 웹 개발을 쉽게 하기 위해 만든 기술. Reactive는 마이크로 소프트의 개념. 스트림과 비동기 처리등을 LINQ에 영향을 받은 방법으로 깔끔하게 처리할 수 있게 한 패

blog.daum.net

 

 

728x90