can not run `npx react-native init MyApp --template react-native-template-typescript`

[Kennytian]

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

[KingAmo]

same problem here

info Fetching template react-native-template-react-native-template-typescript...
yarn add v1.16.0
[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/qinshuai/Documents/ReactNativeProj/RN_0.61/TsSimpleApp/yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.
yarn remove v1.16.0
[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.

[PeterKow]

Just remember to npm uninstall -g react-native-cli and yarn global add @react-native-community/cli so you have new features during starting a new project

[radko93]

@Kennytian @KingAmo seems like you are still using old CLI. Please try as @PeterKow suggeseted

[Kennytian]

@PeterKow @radko93 Thanks for your response, following is my operate steps

Step 1:

kenny@Kennys-Mac-mini ~ $ npm uninstall -g react-native-cli
up to date in 0.035s

Step 2:

kenny@Kennys-Mac-mini ~ $ yarn global add @react-native-community/cli
yarn global v1.17.3
[1/4] 🔍  Resolving packages...
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...
warning "@react-native-community/cli > metro-react-native-babel-transformer@0.54.1" has unmet peer dependency "@babel/core@*".
warning " > @react-native-community/cli@2.9.0" has unmet peer dependency "react-native@^0.60.0".
[4/4] 🔨  Building fresh packages...

warning Your current version of Yarn is out of date. The latest version is "1.19.0", while you're on "1.17.3".
info To upgrade, run the following command:
$ brew upgrade yarn
success Installed "@react-native-community/cli@2.9.0" with binaries:
      - react-native
✨  Done in 8.83s.

Step 3:

npx react-native init MyApp --template react-native-template-typescript
This will walk you through creating a new React Native project in /Users/kenny/projects/private/reactnative/MyApp
Using yarn v1.17.3
Installing react-native...
yarn add v1.17.3
......
......
[1/4] 🔍  Resolving packages...
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/projects/reactnative/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:619) UnhandledPromiseRejectionWarning: Error: Command failed: yarn add react-native-template-react-native-template-typescript

The same issue here :(

[KingAmo]

@Kennytian maybe you also need run yarn global remove react-native-cli

[Kennytian]

               ######                ######               
             ###     ####        ####     ###             
            ##          ###    ###          ##            
            ##             ####             ##            
            ##             ####             ##            
            ##           ##    ##           ##            
            ##         ###      ###         ##            
             ##  ########################  ##             
          ######    ###            ###    ######          
      ###     ##    ##              ##    ##     ###      
   ###         ## ###      ####      ### ##         ###   
  ##           ####      ########      ####           ##  
 ##             ###     ##########     ###             ## 
  ##           ####      ########      ####           ##  
   ###         ## ###      ####      ### ##         ###   
      ###     ##    ##              ##    ##     ###      
          ######    ###            ###    ######          
             ##  ########################  ##             
            ##         ###      ###         ##            
            ##           ##    ##           ##            
            ##             ####             ##            
            ##             ####             ##            
            ##          ###    ###          ##            
             ###     ####        ####     ###             
               ######                ######               
                                                          

                  Welcome to React Native!                
                 Learn Once Write Anywhere                

✔ Downloading template
✖ Copying template
error RangeError: Maximum call stack size exceeded

run npx react-native init MyApp --template react-native-template-typescript and react-native init MyApp --template react-native-template-typescript

Show similar error

[radko93]

@Kennytian what is Step 3?

[PeterKow]

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

[Kennytian]

@Kennytian what is Step 3?

@radko93

npx react-native init react0611 --template react-native-template-typescript

This will walk you through creating a new React Native project in /Users/kenny/projects/private/reactnative/react0611
Using yarn v1.17.3
Installing react-native...
yarn add v1.17.3

[MateusAndrade]

Just tested it here without any global package related to react-native cli on the global packages and it returns a similar error:

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.

Tested with: npx react-native init MyApp --template react-native-template-typescript and npx react-native init MyApp --template react-native-template-typescript@6.2.0

[emin93]

The error message looks very much like it's coming from the old CLI because it's prepending react-native-template- to the package name.

I tried the following scenarios (macOS 10.14.6):

• Global package @react-native-community/cli installed, no yarn installed
• Global package @react-native-community/cli installed, yarn installed
• No global CLI installed, yarn installed
• No global CLI installed, no yarn installed

Everything seemed to work just fine, so I'm kind of running out of ideas.

[emin93]

Can you try adding the --ignore-existing flag?

npx --ignore-existing react-native init MyApp --template react-native-template-typescript

[Kennytian]

@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 !