TypeError: cli.init is not a function #34055

marandaneto · 2022-06-23T09:49:16Z

Description

npx react-native init Name throws when creating a template with RN v0.69

Version

0.69.0

Output of `npx react-native info`

yarn v1.22.19
react-native-cli: 2.0.1
react-native: n/a - not inside a React Native project directory
So I can't npx react-native info

Steps to reproduce

Just do npx react-native init Name using macOS 12.4, Intel.

Snack, code example, screenshot, or link to a repository

/Users/user/.config/yarn/global/node_modules/react-native-cli/index.js:302
cli.init(root, projectName);
^

TypeError: cli.init is not a function
at run (/Users/user/.config/yarn/global/node_modules/react-native-cli/index.js:302:7)
at createProject (/Users/user/.config/yarn/global/node_modules/react-native-cli/index.js:249:3)
at init (/Users/user/.config/yarn/global/node_modules/react-native-cli/index.js:200:5)
at Object. (/Users/user/.config/yarn/global/node_modules/react-native-cli/index.js:153:7)
at Module._compile (node:internal/modules/cjs/loader:1112:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1166:10)
at Module.load (node:internal/modules/cjs/loader:988:32)
at Module._load (node:internal/modules/cjs/loader:834:12)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12)
at node:internal/main/run_main_module:17:47

Node.js v18.4.0

The text was updated successfully, but these errors were encountered:

Naveen562117 · 2022-06-23T13:07:08Z

I am also getting same issue
npx react-native init HeyGroopApp --template react-native-template-typescript

/usr/local/lib/node_modules/react-native-cli/index.js:302
cli.init(root, projectName);
^

TypeError: cli.init is not a function
at run (/usr/local/lib/node_modules/react-native-cli/index.js:302:7)
at createProject (/usr/local/lib/node_modules/react-native-cli/index.js:249:3)
at init (/usr/local/lib/node_modules/react-native-cli/index.js:200:5)
at Object. (/usr/local/lib/node_modules/react-native-cli/index.js:153:7)
at Module._compile (node:internal/modules/cjs/loader:1105:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1159: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

OmarBasem · 2022-06-23T13:10:49Z

That is error is from the new version 0.69.0
You can use npx react-native init ProjectName --version 0.68.2 and then upgrade to v 0.69 later.

evildevilnova · 2022-06-23T13:16:18Z

That is error is from the new version 0.69.0 You can use npx react-native init ProjectName --version 0.68.2 and then upgrade to v 0.69 later.
thank you it's working

Naveen562117 · 2022-06-23T13:19:41Z

That is error is from the new version 0.69.0
You can use npx react-native init ProjectName --version 0.68.2 and then upgrade to v 0.69 later.

Thank You

plipustel · 2022-06-24T11:53:37Z

all of them not work

stefanoHTB · 2022-06-24T12:09:37Z

getting the same error!

spiroalisandratos · 2022-06-24T12:30:11Z

Even if you down grade the version. Once you try to run the project if fails anyway. I think it's related to the new Mac OS upgrade and the hardening of permissions. Please note here that I'm presuming this is only happening on Mac.

krishna19982904 · 2022-06-24T12:46:05Z

That is error is from the new version 0.69.0
You can use npx react-native init ProjectName --version 0.68.2 and then upgrade to v 0.69 later.

Thank You

Could you please explain how to upgrade to 0.69.0 later and what exactly is causing this issue due to version change?

stefanoHTB · 2022-06-24T12:48:43Z

This error is happening on windows as well! I temporarily fixed it by downgrading to last version

krishna19982904 · 2022-06-24T13:23:09Z

That is error is from the new version 0.69.0 You can use npx react-native init ProjectName --version 0.68.2 and then upgrade to v 0.69 later.

Could you please explain how to upgrade to 0.69.0 later and what exactly is causing this issue due to version change?

lcrossi · 2022-06-24T14:56:02Z

I had the same issue on windows... using version 0.68.2 solved the problem

chungtvdev · 2022-06-24T16:14:29Z

That is error is from the new version 0.69.0
You can use npx react-native init ProjectName --version 0.68.2 and then upgrade to v 0.69 later.

Thank You

Hi, How to upgrade ?

hnasirzade310 · 2022-06-24T18:42:19Z

thank you so much

cortinico · 2022-06-24T19:49:36Z

/Users/user/.config/yarn/global/node_modules/react-native-cli/index.js:302

The issue is caused by having some globally installed Yarn/NPM packages which is not generally recommended.

Depending on the commands you installed in the past with -g, you should be able to cleanup your environment with a combination of those commands:

yarn global remove react-native
yarn global remove react-native-cli
npm uninstall -g react-native
npm uninstall -g react-native-cli

Make sure the global packages are clean with:

yarn global list
npm -g list

(check that nothing react-native related is available in those lists).

Bsingh2697 · 2022-06-25T12:59:26Z

That is error is from the new version 0.69.0
You can use npx react-native init ProjectName --version 0.68.2 and then upgrade to v 0.69 later.

Thank You

Could you please explain how to upgrade to 0.69.0 later and what exactly is causing this issue due to version change?

just change the package version in package.json and npm install and if u wish u can remove node_modules before npm install

But anyways 69 doesn't fix the problem yet, so continue with 68.2

spiroalisandratos · 2022-06-25T13:56:59Z

If you go to yarn page they have global install

…

Sent from my iPhone On 25 Jun 2022, at 10:59 pm, Bsingh2697 ***@***.***> wrote: That is error is from the new version 0.69.0 You can use npx react-native init ProjectName --version 0.68.2 and then upgrade to v 0.69 later. Thank You Could you please explain how to upgrade to 0.69.0 later and what exactly is causing this issue due to version change? just change the package version in package.json and npm install and if u wish u can remove node_modules before npm install — Reply to this email directly, view it on GitHub<#34055 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/APN3NJ7V32NMUUIX26K6RA3VQ37DXANCNFSM5ZTW6X6A>. You are receiving this because you commented.Message ID: ***@***.***>

devinkg · 2022-06-25T22:23:54Z

/Users/user/.config/yarn/global/node_modules/react-native-cli/index.js:302

The issue is caused by having some globally installed Yarn/NPM packages which is not generally recommended.

Depending on the commands you installed in the past with -g, you should be able to cleanup your environment with a combination of those commands:
yarn global remove react-native
yarn global remove react-native-cli
npm uninstall -g react-native
npm uninstall -g react-native-cli
Make sure the global packages are clean with:
yarn global list
npm -g list
(check that nothing react-native related is available in those lists).

This worked for me. Thanks!

vmobeedeveloper · 2022-06-27T11:00:56Z

/Users/user/.config/yarn/global/node_modules/react-native-cli/index.js:302

The issue is caused by having some globally installed Yarn/NPM packages which is not generally recommended.
Depending on the commands you installed in the past with -g, you should be able to cleanup your environment with a combination of those commands:
yarn global remove react-native
yarn global remove react-native-cli
npm uninstall -g react-native
npm uninstall -g react-native-cli
Make sure the global packages are clean with:
yarn global list
npm -g list

This worked for me. Thanks!

Hassaan0 · 2022-06-28T07:54:35Z

That is error is from the new version 0.69.0
You can use npx react-native init ProjectName --version 0.68.2 and then upgrade to v 0.69 later.

This worked for me. Thanks!

kevinsiregar22 · 2022-06-28T12:13:40Z

update react-native and react-native cli as global

kevinsiregar22 · 2022-06-28T12:22:38Z

yarn global remove react-native
yarn global remove react-native-cli
npm uninstall -g react-native
npm uninstall -g react-native-cli

then install again

yarn add global react-native
yarn add global react-native-cli
npm install -g react-native
npm install -g react-native-cli

good luck

trongduc03 · 2022-07-02T06:42:45Z

That is error is from the new version 0.69.0 You can use npx react-native init ProjectName --version 0.68.2 and then upgrade to v 0.69 later.

Many thanks.

temiNoah · 2022-07-02T11:27:38Z

That is error is from the new version 0.69.0 You can use npx react-native init ProjectName --version 0.68.2 and then upgrade to v 0.69 later.

thanks so much

temiNoah · 2022-07-02T11:41:24Z

That is error is from the new version 0.69.0
You can use npx react-native init ProjectName --version 0.68.2 and then upgrade to v 0.69 later.

Thank You

Hi, How to upgrade ?

from the below info:
info React Native v0.69.1 is now available (your project is running on v0.68.2).
info Changelog: https://github.com/facebook/react-native/releases/tag/v0.69.1.
info Diff: https://react-native-community.github.io/upgrade-helper/?from=0.68.2.
info To upgrade, run "react-native upgrade".

manisha351 · 2022-07-07T16:03:03Z

npx react-native init ProjectName --version 0.68.2 worked for me

caltikoc · 2022-07-08T07:52:32Z

No problem now, you can build your project directly using npx react-native init YourProject.
Happy coding :)

ItsCDubb · 2022-07-08T19:30:49Z

When you use npx react-native init InsertProjectNameHere --version 0.68.2 --template react-native-template-typescript nothing happens exept it fails with RuntimeError: abort(Error: Command failed: yarn add react-native-template-react-native-template-typescript~)

how do you get around that? Because I want to use TypeScript not JavaScript

benjamineruvieru · 2022-07-10T11:01:58Z

/Users/user/.config/yarn/global/node_modules/react-native-cli/index.js:302

The issue is caused by having some globally installed Yarn/NPM packages which is not generally recommended.

Depending on the commands you installed in the past with -g, you should be able to cleanup your environment with a combination of those commands:
yarn global remove react-native
yarn global remove react-native-cli
npm uninstall -g react-native
npm uninstall -g react-native-cli
Make sure the global packages are clean with:
yarn global list
npm -g list
(check that nothing react-native related is available in those lists).

So after uninstalling what are we to do next?
Are we to reinstall globally again or we dont install globally this time or we dont install at all and give up
Your answer is not complete

Keyur-RV · 2022-07-11T04:44:50Z

@benjamineruvieru After uninstalling, reinstall globally and then create a project, it can be created successfully.
see below picture react-native version is "0.69.1".
Node version is "18.0.0".

emorilebo · 2022-07-11T17:09:07Z

You might be using old react-native-cli. Maybe you should try uninstalling and react-native-cli globally and reinstalling it.
use:
npm uninstall -g react-native-cli to uninstall and npx react-native init yourprojectname to reinstall. You will be prompted to install react-native again, accepted it and proceed.

ItsCDubb · 2022-07-11T21:29:40Z

TY @emorilebo, That worked & I didn't even realize that I had the old version of the react-native-cli installed

Dev-Vithushan · 2022-07-22T15:01:31Z

I am using MacOS 12.4 and for me When i was created the React Native app using npm it is showing like this
I used cli 0.68.2

Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command. Error: Command failed: yarn add react-native@0.68.2 --exact at checkExecSyncError (child_process.js:790:11) at execSync (child_process.js:863:15) at run (/Users/vithushan/.config/yarn/global/node_modules/react-native-cli/index.js:294:5) at createProject (/Users/vithushan/.config/yarn/global/node_modules/react-native-cli/index.js:249:3) at init (/Users/vithushan/.config/yarn/global/node_modules/react-native-cli/index.js:200:5) at Object.<anonymous> (/Users/vithushan/.config/yarn/global/node_modules/react-native-cli/index.js:153:7) at Module._compile (internal/modules/cjs/loader.js:1085:14) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10) at Module.load (internal/modules/cjs/loader.js:950:32) at Function.Module._load (internal/modules/cjs/loader.js:790:12) { status: 1, signal: null, output: [ null, null, null ], pid: 36901, stdout: null, stderr: null } Command yarn add react-native@0.68.2 --exact failed.

Give me a solution!!!

Bsingh2697 · 2022-07-22T16:44:32Z

Did you try without that exact flag?

…

On Fri, 22 Jul 2022 at 16:01, Vithushan Logeswaran ***@***.***> wrote: I am using MacOS 12.4 for me When i creates the React Native app using npm it is showing like this *I used cli 0.68.2* Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command. Error: Command failed: yarn add ***@***.*** --exact at checkExecSyncError (child_process.js:790:11) at execSync (child_process.js:863:15) at run (/Users/vithushan/.config/yarn/global/node_modules/react-native-cli/index.js:294:5) at createProject (/Users/vithushan/.config/yarn/global/node_modules/react-native-cli/index.js:249:3) at init (/Users/vithushan/.config/yarn/global/node_modules/react-native-cli/index.js:200:5) at Object.<anonymous> (/Users/vithushan/.config/yarn/global/node_modules/react-native-cli/index.js:153:7) at Module._compile (internal/modules/cjs/loader.js:1085:14) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10) at Module.load (internal/modules/cjs/loader.js:950:32) at Function.Module._load (internal/modules/cjs/loader.js:790:12) { status: 1, signal: null, output: [ null, null, null ], pid: 36901, stdout: null, stderr: null } Command yarn add ***@***.*** --exact failed. Give me a solution for me!!! — Reply to this email directly, view it on GitHub <#34055 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AI2I3MVRZELSXKPB4QWMGHDVVKZVRANCNFSM5ZTW6X6A> . You are receiving this because you commented.Message ID: ***@***.***>

jalloh-codes · 2022-07-27T19:36:53Z

You might be using old react-native-cli. Maybe you should try uninstalling and react-native-cli globally and reinstalling it. use: npm uninstall -g react-native-cli to uninstall and npx react-native init yourprojectname to reinstall. You will be prompted to install react-native again, accepted it and proceed.

This works for me, thanks @emorilebo

dmcchanaka · 2022-07-29T05:26:48Z

Actually latest version (0.69.0) still not working. so please try below steps

yarn global remove react-native
yarn global remove react-native-cli
npm uninstall -g react-native
npm uninstall -g react-native-cli

then install again

yarn add global react-native
yarn add global react-native-cli
npm install -g react-native
npm install -g react-native-cli

Bikash9609 · 2022-08-07T17:57:06Z

/Users/user/.config/yarn/global/node_modules/react-native-cli/index.js:302

The issue is caused by having some globally installed Yarn/NPM packages which is not generally recommended.

Depending on the commands you installed in the past with -g, you should be able to cleanup your environment with a combination of those commands:
yarn global remove react-native
yarn global remove react-native-cli
npm uninstall -g react-native
npm uninstall -g react-native-cli
Make sure the global packages are clean with:
yarn global list
npm -g list
(check that nothing react-native related is available in those lists).

Worked for me too. Thanks!

zainulabideen-dev · 2022-08-25T10:43:30Z

I just run below command and it works for me
npx react-native init StudentsHub --version 0.69.1

zainulabideen-dev · 2022-08-31T05:16:57Z

I fixed it. Thanks for replying

…

On Wed, 31 Aug 2022, 9:00 am Mr.Tian, ***@***.***> wrote: What is your node version? — Reply to this email directly, view it on GitHub <#34055 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AS4S2RCAAC2V5MRBMZ6264LV33KEPANCNFSM5ZTW6X6A> . You are receiving this because you commented.Message ID: ***@***.***>

ansarikhurshid786 · 2022-09-07T20:48:41Z

I fixed by deleting folder:
(/Users/user/.config/yarn/global/node_modules/react-native-cli

Now it is working for me. I think it is old which is completely not deleted.

pistolcaffe · 2022-11-01T06:28:31Z

Are there any fixes in the latest version? When creating a project in IntelliJ, the same issue occurs with npx --package react-native-cli react-native script for installing the react-native module.

(I'm using npx --package react-native-cli react-native --version 0.68.2 instead)

kevinsiregar22 · 2022-11-16T13:58:56Z

If you previously installed a global react-native-cli package, please remove it as it may cause unexpected issues:

npm uninstall -g react-native-cli @react-native-community/cli . it works for me. good luck guys.

from : https://reactnative.dev/docs/environment-setup

alexeenka · 2022-12-26T20:27:20Z

26 Dec. I have the same error:

/Users/a.alexeenka/.nvm/versions/node/v19.3.0/lib/node_modules/react-native-cli/index.js:302
  cli.init(root, projectName);
      ^

TypeError: cli.init is not a function

Only running with 'react-native init MyApp --version 0.68.2' fixed the issue

msriaz · 2022-12-28T20:49:03Z

Surprisingly none of above worked for me other than:

yarn remove react-native -g
yarn remove react-native-cli -g

Please also make sure you've correct version of ruby
React Native uses this version of Ruby. You can also find which version your specific project needs in the .ruby-version file at root of your RN project

ghost · 2023-01-31T16:58:20Z

Actually latest version (0.69.0) still not working. so please try below steps

yarn global remove react-native yarn global remove react-native-cli npm uninstall -g react-native npm uninstall -g react-native-cli

then install again

yarn add global react-native yarn add global react-native-cli npm install -g react-native npm install -g react-native-cli

It's do as ran as administrator mode ??

Serendipity-hope · 2023-08-02T08:08:48Z

npx react-native@X.XX.X init project--version X.XX.X
npx react-native@0.72.0 init AwesomeProject --version 0.72.0

horaczech · 2023-08-12T12:43:22Z

I got it working after going to /Users/{{username}}/node_modules (using Mac), and manually removed folders "react-native", "react-native-cli", "@react-native"

azizimusa · 2023-12-14T05:29:57Z

npm uninstall -g react-native-cli

thanks. This also work with WebStorm new react native project

npx --package react-native-cli react-native --version 0.68.2

Then inside project. Update manually from package.json, then run npm install on terminal

marandaneto added the Needs: Triage 🔍 label Jun 23, 2022

cortinico added Platform: macOS Building on macOS. Impact: Misconfiguration When the issue is due to a misconfig for the user Resolution: Answered When the issue is resolved with a simple answer and removed Needs: Triage 🔍 labels Jun 24, 2022

cortinico closed this as completed Jun 24, 2022

cortinico mentioned this issue Jun 25, 2022

React-native fails to install after Mac Monterey update react-native-community/cli#1631

Closed

This was referenced Jun 27, 2022

Error running a new initialization project. #34078

Closed

0.69.0 can not init new project #34076

Closed

cortinico mentioned this issue Jul 29, 2022

TypeError: cli.init is not a function Error #34262

Closed

cortinico mentioned this issue Aug 6, 2022

TypeError: cli.init is not a function for react native #34358

Closed

cortinico mentioned this issue Aug 18, 2022

npx react-native info and npx react-native init fails with error #34441

Closed

nhkiiim mentioned this issue Jan 10, 2023

RN : cli.init is not a function nhkiiim/TIL#9

Open

TypeError: cli.init is not a function #34055

TypeError: cli.init is not a function #34055

Comments

marandaneto commented Jun 23, 2022 • edited

Description

Version

Output of npx react-native info

Steps to reproduce

Snack, code example, screenshot, or link to a repository

Naveen562117 commented Jun 23, 2022

OmarBasem commented Jun 23, 2022

evildevilnova commented Jun 23, 2022

Naveen562117 commented Jun 23, 2022

plipustel commented Jun 24, 2022

stefanoHTB commented Jun 24, 2022

spiroalisandratos commented Jun 24, 2022 • edited

krishna19982904 commented Jun 24, 2022

stefanoHTB commented Jun 24, 2022

krishna19982904 commented Jun 24, 2022

lcrossi commented Jun 24, 2022

chungtvdev commented Jun 24, 2022

hnasirzade310 commented Jun 24, 2022

cortinico commented Jun 24, 2022

Bsingh2697 commented Jun 25, 2022 • edited

spiroalisandratos commented Jun 25, 2022 via email

devinkg commented Jun 25, 2022

vmobeedeveloper commented Jun 27, 2022 • edited

Hassaan0 commented Jun 28, 2022

kevinsiregar22 commented Jun 28, 2022

kevinsiregar22 commented Jun 28, 2022

trongduc03 commented Jul 2, 2022 • edited

temiNoah commented Jul 2, 2022

temiNoah commented Jul 2, 2022

manisha351 commented Jul 7, 2022

caltikoc commented Jul 8, 2022

ItsCDubb commented Jul 8, 2022 • edited

benjamineruvieru commented Jul 10, 2022

Keyur-RV commented Jul 11, 2022 • edited

emorilebo commented Jul 11, 2022

ItsCDubb commented Jul 11, 2022

Dev-Vithushan commented Jul 22, 2022 • edited

Give me a solution!!!

Bsingh2697 commented Jul 22, 2022 via email

jalloh-codes commented Jul 27, 2022

dmcchanaka commented Jul 29, 2022

Bikash9609 commented Aug 7, 2022

zainulabideen-dev commented Aug 25, 2022

zainulabideen-dev commented Aug 31, 2022 via email

ansarikhurshid786 commented Sep 7, 2022

pistolcaffe commented Nov 1, 2022

kevinsiregar22 commented Nov 16, 2022

alexeenka commented Dec 26, 2022

msriaz commented Dec 28, 2022

ghost commented Jan 31, 2023

Serendipity-hope commented Aug 2, 2023

horaczech commented Aug 12, 2023

azizimusa commented Dec 14, 2023

npx --package react-native-cli react-native --version 0.68.2

Then inside project. Update manually from package.json, then run npm install on terminal

marandaneto commented Jun 23, 2022 •

edited

Output of `npx react-native info`

spiroalisandratos commented Jun 24, 2022 •

edited

Bsingh2697 commented Jun 25, 2022 •

edited

vmobeedeveloper commented Jun 27, 2022 •

edited

trongduc03 commented Jul 2, 2022 •

edited

ItsCDubb commented Jul 8, 2022 •

edited

Keyur-RV commented Jul 11, 2022 •

edited

Dev-Vithushan commented Jul 22, 2022 •

edited