Stuck on "Installing React Native Colo Loco" when generating a new app using both npx and yarn

What’s going on? When I tried to create a new mobile app using ignite it keeps Installing React Native Colo Loco. Nothing proceed further. I tried using both NPX and YARN but the same issue occur. Any idea ?

---

Steps to reproduce

1. npx ignite-cli new MyApp or yarn ignite-cli new MyApp --debug
2. Wait until your patience runs out (in my case around 45 minutes).

Result

subodha@Subodhas-MacBook-Pro ignite % yarn ignite-cli new MyApp --debug
yarn run v1.22.15
$ /Users/subodha/Subodha/lab/react-native-lab/ignite/node_modules/.bin/ignite-cli new MyApp --debug
 [object Object]


   · · · · · · · · · · · · · · · · · · 🔥 Ignite 🔥 · · · · · · · · · · · · · · · · · ·

    █ Creating MyApp using Ignite 7.8.1
    █ Powered by Infinite Red - https://infinite.red
    █ Using ignite-cli
    █ Bundle identifier: com.MyApp
    ────────────────────────────────────────────────

    🔥 Igniting app
    🖨  3D-printing a new React Native app
 /Users/subodha/Subodha/lab/react-native-lab/ignite
 /Users/subodha/Subodha/lab/react-native-lab/ignite/MyApp/.gitignore
 /Users/subodha/Subodha/lab/react-native-lab/ignite/node_modules/ignite-cli/boilerplate/.gitignore
 /Users/subodha/Subodha/lab/react-native-lab/ignite/node_modules/ignite-cli/boilerplate/.gitignore.template
    ⠹ Unboxing npm dependencies patch-package 6.2.2

 Applying patches...

    ⠸ Unboxing npm dependencies

 ✔︎ Solidarity checks valid

    ⠸ Unboxing npm dependencies Jetifier found 1249 file(s) to forward-jetify. Using 12 workers...

    ⠼ Unboxing npm dependencies Using Expo modules

    ⠴ Unboxing npm dependencies Auto-linking React Native modules for target `HelloWorld`: RNCAsyncStorage, RNCMaskedView, RNGestureHandler, RNKeychain, RNScreens, and react-native-safe-area-context
Analyzing dependencies
Fetching podspec for `DoubleConversion` from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`

 Fetching podspec for `RCT-Folly` from `../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec`

    ⠧ Unboxing npm dependencies Fetching podspec for `boost` from `../node_modules/react-native/third-party-podspecs/boost.podspec`

 Fetching podspec for `glog` from `../node_modules/react-native/third-party-podspecs/glog.podspec`

    ⠹ Unboxing npm dependencies Downloading dependencies
Installing CocoaAsyncSocket (7.6.5)
Installing DoubleConversion (1.1.6)
Installing EXApplication (4.0.0)
Installing EXConstants (12.1.3)
Installing EXFileSystem (13.0.3)
Installing EXFont (10.0.3)
Installing EXKeepAwake (10.0.0)
Installing EXLinearGradient (10.0.3)
Installing EXLocalization (11.0.0)
Installing Expo (43.0.3)
Installing ExpoModulesCore (0.4.8)
Installing FBLazyVector (0.66.3)
Installing FBReactNativeSpec (0.66.3)

    ⠦ Unboxing npm dependencies Installing Flipper (0.99.0)
Installing Flipper-Boost-iOSX (1.76.0.1.11)
Installing Flipper-DoubleConversion (3.1.7)
Installing Flipper-Fmt (7.1.7)
Installing Flipper-Folly (2.6.7)
Installing Flipper-Glog (0.3.6)
Installing Flipper-PeerTalk (0.0.4)
Installing Flipper-RSocket (1.4.3)
Installing FlipperKit (0.99.0)
Installing OpenSSL-Universal (1.1.180)
Installing RCT-Folly (2021.06.28.00-v2)
Installing RCTRequired (0.66.3)
Installing RCTTypeSafety (0.66.3)
Installing RNCAsyncStorage (1.15.14)
Installing RNCMaskedView (0.1.10)
Installing RNGestureHandler (1.10.3)
Installing RNKeychain (6.2.0)
Installing RNScreens (3.8.0)
Installing React (0.66.3)
Installing React-Core (0.66.3)
Installing React-CoreModules (0.66.3)
Installing React-RCTActionSheet (0.66.3)
Installing React-RCTAnimation (0.66.3)
Installing React-RCTBlob (0.66.3)
Installing React-RCTImage (0.66.3)
Installing React-RCTLinking (0.66.3)
Installing React-RCTNetwork (0.66.3)
Installing React-RCTSettings (0.66.3)
Installing React-RCTText (0.66.3)
Installing React-RCTVibration (0.66.3)
Installing React-callinvoker (0.66.3)
Installing React-cxxreact (0.66.3)
Installing React-jsi (0.66.3)
Installing React-jsiexecutor (0.66.3)
Installing React-jsinspector (0.66.3)
Installing React-logger (0.66.3)
Installing React-perflogger (0.66.3)
Installing React-runtimeexecutor (0.66.3)
Installing ReactCommon (0.66.3)
Installing Yoga (1.14.0)
Installing YogaKit (1.18.1)
Installing boost (1.76.0)
Installing fmt (6.2.1)
Installing glog (0.3.5)
Installing libevent (2.1.12)
Installing react-native-safe-area-context (3.1.8)
Generating Pods project

    ⠼ Unboxing npm dependencies Integrating client project

    ⠙ Unboxing npm dependencies Pod installation complete! There are 68 dependencies from the Podfile and 59 total pods installed.

    🧶 Unboxing npm dependencies
    ⠋  Writing your app name in the sand npx react-native-rename@2 MyApp -b com.MyApp
    ⠏  Writing your app name in the sand /ios/MyApp RENAMED

 Ignore above error if this file doesn't exist

 Ignore above error if this file doesn't exist

 /ios/MyApp.xcodeproj RENAMED

 Ignore above error if this file doesn't exist

 /ios/MyApp.xcodeproj/xcshareddata/xcschemes/MyApp.xcscheme RENAMED

    ⠋  Writing your app name in the sand /ios/MyAppTests RENAMED

 /ios/MyAppTests/MyAppTests.m RENAMED

 /ios/MyApp.xcworkspace RENAMED

 Ignore above error if this file doesn't exist

 /ios/MyApp-Bridging-Header.h RENAMED

 /android/app/src/main/res/values/strings.xml MODIFIED

 /index.js MODIFIED

 /ios/MyApp/Info.plist MODIFIED

 /package.json MODIFIED

 /app.json MODIFIED

    ⠧  Writing your app name in the sand /ios/MyApp.xcodeproj/project.pbxproj MODIFIED

    ⠋  Writing your app name in the sand /ios/MyApp.xcworkspace/contents.xcworkspacedata MODIFIED

    ⠼  Writing your app name in the sand /ios/MyApp.xcodeproj/xcshareddata/xcschemes/MyApp.xcscheme MODIFIED

    ⠧  Writing your app name in the sand /ios/MyApp/AppDelegate.m MODIFIED

    ⠏  Writing your app name in the sand /android/settings.gradle MODIFIED

    ⠹  Writing your app name in the sand /ios/MyAppTests/MyAppTests.m MODIFIED

    ⠧  Writing your app name in the sand /ios/Podfile MODIFIED

    ⠏  Writing your app name in the sand /app.json MODIFIED

    ⠋  Writing your app name in the sand android/app/src/main/java/com/myapp BUNDLE IDENTIFIER CHANGED

 /android/app/src/main/AndroidManifest.xml MODIFIED

 /android/app/BUCK MODIFIED

 /android/app/build.gradle MODIFIED

 /android/app/src/main/java/com/myapp/MainActivity.java MODIFIED

 /android/app/src/main/java/com/myapp/MainApplication.java MODIFIED

 /android/app/src/main/java/com/myapp/MainActivity.java MODIFIED

 android/app/src/debug/java/com/myapp BUNDLE IDENTIFIER CHANGED

 /android/app/src/main/AndroidManifest.xml MODIFIED

 /android/app/BUCK MODIFIED

 /android/app/build.gradle MODIFIED

 /android/app/src/debug/java/com/myapp/ReactNativeFlipper.java MODIFIED

    ⠹  Writing your app name in the sand Done removing builds.

 APP SUCCESSFULLY RENAMED TO "MyApp"! 🎉 🎉 🎉
Podfile has been modified, please run "pod install" inside ios directory.

 Please make sure to run "watchman watch-del-all" and "npm start --reset-cache" before running the app.

    🏝  Writing your app name in the sand
    ⠴ Installing React Native Colo Loco

---

**`npx ignite-cli doctor` results:**

subodha@Subodhas-MacBook-Pro ~ % npx ignite-cli doctor
System
  platform           darwin
  arch               x64
  cpu                12 cores     Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  directory          subodha      /Users/subodha

JavaScript (and globally-installed packages)
  node                16.13.0      /Users/subodha/.nvm/versions/node/v16.13.0/bin/node
  npm                 8.1.4        /Users/subodha/.nvm/versions/node/v16.13.0/bin/npm
    corepack          0.10.0
    csso-cli          3.0.0
    npm               8.1.4
    yarn              1.22.17
  yarn                1.22.15      /Users/subodha/.nvm/versions/node/v16.13.0/bin/yarn
    create-next-app   11.1.2

Ignite
  ignite-cli         7.8.1        /Users/subodha/.npm/_npx/e31027f3785124a8/node_modules/.bin/ignite
  ignite src         build        /Users/subodha/.npm/_npx/e31027f3785124a8/node_modules/ignite-cli/build

Android
  java               17.0.1       /usr/bin/java
  android home       -            undefined

iOS
  xcode              13.1
  cocoapods          1.11.2       /usr/local/bin/pod

[subodha]

Hi @leonskim Thank you for attending to this issue. I will investigate further and update you If I find something.

However I love ignite since it is really cool to use. I recomand any one to use this if they are starting react native app.

Thanks again for jumping in to this.

[linusdm]

I’ve stubled on this bug today too. Looking at the process list I could figure out that the following process was hanging:

node /path/to/SomeApp/node_modules/.bin/install-colo-loco --defaults

Running it in the shell gave some insights:

Your git working tree is dirty.
Are you sure you want to continue? [y/N]

Sure enough, I was running the ignite CLI in an existing git folder (I wanted to add it as another sub-project of a mono-repo). Running it in a pristine folder did not result in any problems.

Is there any chance you guys had a similar setup, where you wanted to generate a new project in an existing git repo?

The question now is: is ignite supposed to run in a pristine folder? I see a dedicated initial commit is created, so there are at least some assumptions made on the git environment where you run the command. Or can this be fixed by getting around this prompt when installing colo-loco (there is a CLI flag to ignore the dirty repo check)?