본문 바로가기

오류 기록용

\AppData\Roaming\npm\node_modules\react-native-cli\index.js:302

728x90
C:\Users\~~~\AppData\Roaming\npm\node_modules\react-native-cli\index.js:302
  cli.init(root, projectName);
      ^

TypeError: cli.init is not a function
    at run (C:\Users\~~~\AppData\Roaming\npm\node_modules\react-native-cli\index.js:302:7)
    at createProject (C:\Users\~~~\AppData\Roaming\npm\node_modules\react-native-cli\index.js:249:3)
    at init (C:\Users\~~~\AppData\Roaming\npm\node_modules\react-native-cli\index.js:200:5)
    at Object.<anonymous> (C:\Users\~~~\AppData\Roaming\npm\node_modules\react-native-cli\index.js:153:7)
    at Module._compile (node:internal/modules/cjs/loader:1103:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1157:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12)
    at node:internal/main/run_main_module:17:47

 

가끔 React Native cli를 사용해서 프로젝트를 생성하려면 이러한 문제가 발생할 때가 있습니다.

 

728x90

 

이럴 때는 먼저 global로 설치되어있는 react-native, react-native-cli을 삭제해주면 됩니다.

//yarn을 쓸 경우
yarn global remove react-native
yarn global remove react-native-cli

//npm을 사용할 경우
npm uninstall -g react-native
npm uninstall -g react-native-cli

제대로 삭제가 되었는지 확인합니다.

//yarn을 쓸 경우
yarn global list

//npm을 쓸 경우
npm -g list

이제 프로젝트를 생성해줍니다.

//최신 버전으로 설치 시
npx react-native init ProjectName

//특정 버전으로 설치 시
npx react-native init ProjectName --version 0.68.2

 

프로젝트 생성 화면
프로젝트가 생성된 모습

728x90