react-native-template-typescript: can not run `npx react-native init MyApp --template react-native-template-typescript`
Bug
Environment info
React native info output:
// paste it here
Library version: x.x.x
Steps To Reproduce
β¦
Describe what you expected to happen:
Reproducible sample code
yarn add v1.17.3
[1/4] π Resolving packages...
warning jest > jest-cli > jest-config > jest-environment-jsdom > jsdom > left-pad@1.3.0: use String.prototype.padStart()
error An unexpected error occurred: "https://registry.npmjs.org/react-native-template-react-native-template-typescript: Not found".
info If you think this is a bug, please open a bug report with the information provided in "/Users/kenny/react0611/yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.
yarn remove v1.17.3
[1/2] π Removing module react-native-template-react-native-template-typescript...
error This module isn't specified in a package.json file.
info Visit https://yarnpkg.com/en/docs/cli/remove for documentation about this command.
warn Failed to clean up template temp files in node_modules/react-native-template-react-native-template-typescript. This is not a critical error, you can work on your app.
(node:2599) UnhandledPromiseRejectionWarning: Error: Command failed: yarn add react-native-template-react-native-template-typescript
at makeError (/Users/kenny/react0611/node_modules/execa/index.js:174:9)
at Promise.all.then.arr (/Users/kenny/react0611/node_modules/execa/index.js:278:16)
at process._tickCallback (internal/process/next_tick.js:68:7)
(node:2599) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 3)
(node:2599) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
k
About this issue
- Original URL
- State: closed
- Created 5 years ago
- Reactions: 5
- Comments: 36 (8 by maintainers)
Commits related to this issue
- Project init React Native CLI Quickstart guide does not work see https://github.com/react-native-community/react-native-template-typescript/issues/80 for posible solutions also updating node, yarn, n... — committed to evgeniyzhivkov/bitcoin-react-native by evgeniyzhivkov 3 years ago
- fix: abort(Error: Command failed: yarn add react-native-template-react-native-template-typescript). Getting this error while using npx react-native init MyApp --template react-native-template-typescr... — committed to DibyajyotiMishra/react-native-website by DibyajyotiMishra 2 years ago
Just remember to
npm uninstall -g react-native-cli
andyarn global add @react-native-community/cli
so you have new features during starting a new projectCan you try adding the
--ignore-existing
flag?npx --ignore-existing react-native init MyApp --template react-native-template-typescript
@Kennytian maybe you also need run
yarn global remove react-native-cli
After uninstalling the old cli
and install the new one
and upgrade node
the template created smoothly
@emin93 Thanks for your reply,
npx --ignore-existing react-native init MyApp --template react-native-template-typescript
itβs work.Thanks all the same @KingAmo @PeterKow @radko93 @MateusAndrade !
run
npx react-native init MyApp --template react-native-template-typescript
andreact-native init MyApp --template react-native-template-typescript
Show similar error
Best solution I found
Remove
npm uninstall -g react-native-cli
Create the folder where the project will be
mkdir [folder name] && cd [folder name]
Install the dependencies and everything will work
This works for me π
npx react-native init ProjectName --npm
Thank you so much, @carlosstenzel. Your solution was the only one that worked for me.
thanks for your reply! It worked for me!
My journey was from getting-started to https://github.com/react-native-community/react-native-template-typescript/issues/80#issuecomment-536175565 to https://github.com/react-native-community/react-native-template-typescript/issues/80#issuecomment-536419979 for a successful basic setup, glad we have this thread π
After I upgraded to yarn version 1.21.1, this problem has been resolved.
@emin93 your solution works for me! Thanks!
https://www.tgmarinho.com/how_to_install_react_native_with_typescript_without_react_native_cli/
Just tested it here without any global package related to react-native cli on the global packages and it returns a similar error:
Tested with:
npx react-native init MyApp --template react-native-template-typescript
andnpx react-native init MyApp --template react-native-template-typescript@6.2.0
in my case I had to reset yarn
yarn set version 1.22.1
my yarn version was3.2.0
In my case after uninstalling the CLI, I also had to update the node version to 16.14.0 to work properly
Try update yarn. Run curl --compressed -o- -L https://yarnpkg.com/install.sh | bash It helped me
Running the following command -
Which is being introduced in the official React Native website here (substituted MyTSProject with app)
Results in the same output as above.
@PeterKow 's answer solved this issue
@GreatAuk yeah you can check on npm https://www.npmjs.com/package/react-native-cli
npm install -g react-native-cli
still download old CLI, not https://github.com/react-native-community/cli ?Confirm, Iβve run in the same issue in the end
β Copying template error RangeError: Maximum call stack size exceeded
Then just end up installing RN and adding TS manually as in here -> https://facebook.github.io/react-native/docs/typescript
Sorry for late reply