Invariant Violation: "project" has not been registered.

[BartoszKlonowski]

Environment

1. react-native -v: 4.14.0
2. npm ls react-native-macos: macostestproject@0.0.1 /Users/bartoszklonowski/Desktop/Projects/MacOSTestProject
   └── react-native-macos@0.63.37
3. node -v: v16.7.0
4. npm -v: 7.20.3
5. xcodebuild -version: Xcode 12.5.1, Build version 12E507

Let me know if you require any more info about my setup.

Issue

I'm only beginning with react-native-macos and I went through the setup described in Get Started with macOS docs and just to make sure it's correct I also double checked it with Setting up the development environment in Facebook docs.
Just to be sure that my environment is correct I double checked the mobile and mobile project works correctly.
But when launching the desktop MacOS project I get:

[Sat Aug 21 2021 23:40:22.193]  LOG      Running "macostestproject" with {"rootTag":1,"initialProps":{}}
[Sat Aug 21 2021 23:40:22.199]  ERROR    Invariant Violation: "macostestproject" has not been registered. This can happen if:
* Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
* A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called.

during launching the app, which results in red box instead of initial RN app.

I've checked if there's no error in the initial code and if App is registered - it is.

Steps to Reproduce

Im posting here all setup and logs from the terminal, just to provide you with everything I can:

bartoszklonowski@Bartoszs-MBP Projects % cd MacOSTestProject    
bartoszklonowski@Bartoszs-MBP MacOSTestProject % npx react-native-macos-init                                           
Reading application name from package.json…
Reading react-native version from node_modules…
Reading react-native-macos version from node_modules…
Latest matching version of react-native-macos for react-native@0.63.4 is react-native-macos@0.63.37.
Installing react-native-macos@^0.63.0-0…
react-native-macos@^0.63.0-0 successfully installed!
new macos/Podfile
new macos/.gitignore
new macos/macostestproject-iOS/AppDelegate.h
new macos/macostestproject-iOS/AppDelegate.m
new macos/macostestproject-iOS/Base.lproj/LaunchScreen.xib
new macos/macostestproject-iOS/Images.xcassets/AppIcon.appiconset/Contents.json
new macos/macostestproject-iOS/Images.xcassets/Contents.json
new macos/macostestproject-iOS/Info.plist
new macos/macostestproject-iOS/main.m
new macos/macostestproject-macOS/AppDelegate.h
new macos/macostestproject-macOS/AppDelegate.m
new macos/macostestproject-macOS/Assets.xcassets/AppIcon.appiconset/Contents.json
new macos/macostestproject-macOS/Assets.xcassets/Contents.json
new macos/macostestproject-macOS/Base.lproj/Main.storyboard
new macos/macostestproject-macOS/macostestproject.entitlements
new macos/macostestproject-macOS/Info.plist
new macos/macostestproject-macOS/ViewController.h
new macos/macostestproject-macOS/ViewController.m
new macos/macostestproject-macOS/main.m
new macos/macostestproject.xcodeproj/project.pbxproj
new macos/macostestproject.xcodeproj/xcshareddata/xcschemes/macostestproject-iOS.xcscheme
new macos/macostestproject.xcodeproj/xcshareddata/xcschemes/macostestproject-macOS.xcscheme
Need to install the following packages:
  pod-install
Ok to proceed? (y) 
/System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/lib/ruby/2.6.0/universal-darwin20/rbconfig.rb:229: warning: Insecure world writable dir /usr/local/lib in PATH, mode 040776
1.10.2
> pod install
Analyzing dependencies
Fetching podspec for `DoubleConversion` from `../node_modules/react-native-macos/third-party-podspecs/DoubleConversion.podspec`
Fetching podspec for `RCT-Folly` from `../node_modules/react-native-macos/third-party-podspecs/RCT-Folly.podspec`
Fetching podspec for `boost-for-react-native` from `../node_modules/react-native-macos/third-party-podspecs/boost-for-react-native.podspec`
Fetching podspec for `glog` from `../node_modules/react-native-macos/third-party-podspecs/glog.podspec`
Downloading dependencies
Installing CocoaAsyncSocket (7.6.5)
Installing DoubleConversion (1.1.6)
Installing FBLazyVector (0.63.37)
Installing FBReactNativeSpec (0.63.37)
Installing Flipper (0.75.1)
Installing Flipper-Boost-iOSX (1.76.0.1.11)
Installing Flipper-DoubleConversion (1.1.7)
Installing Flipper-Fmt (7.1.7)
Installing Flipper-Folly (2.6.9)
Installing Flipper-Glog (0.3.6)
Installing Flipper-PeerTalk (0.0.4)
Installing Flipper-RSocket (1.4.3)
Installing FlipperKit (0.75.1)
Installing OpenSSL-Universal (1.1.1100)
Installing RCT-Folly (2020.01.13.00)
Installing RCTRequired (0.63.37)
Installing RCTTypeSafety (0.63.37)
Installing React (0.63.37)
Installing React-Core (0.63.37)
Installing React-CoreModules (0.63.37)
Installing React-RCTActionSheet (0.63.37)
Installing React-RCTAnimation (0.63.37)
Installing React-RCTBlob (0.63.37)
Installing React-RCTImage (0.63.37)
Installing React-RCTLinking (0.63.37)
Installing React-RCTNetwork (0.63.37)
Installing React-RCTSettings (0.63.37)
Installing React-RCTText (0.63.37)
Installing React-RCTVibration (0.63.37)
Installing React-callinvoker (0.63.37)
Installing React-cxxreact (0.63.37)
Installing React-jsi (0.63.37)
Installing React-jsiexecutor (0.63.37)
Installing React-jsinspector (0.63.37)
Installing ReactCommon (0.63.37)
Installing Yoga (1.14.0)
Installing YogaKit (1.18.1)
Installing boost-for-react-native (1.63.0)
Installing glog (0.3.5)
Installing libevent (2.1.12)
Generating Pods project
Integrating client project

[!] Please close any current Xcode sessions and use `macostestproject.xcworkspace` for this project from now on.
Pod installation complete! There are 48 dependencies from the Podfile and 40 total pods installed.

  Run instructions for macOS:
    • npx react-native run-macos
    - or -
    • Open macos/macostestproject.xcworkspace in Xcode or run "xed -b macos"
    • yarn start:macos
    • Hit the Run button

bartoszklonowski@Bartoszs-MBP MacOSTestProject % npx react-native run-macos
info Found Xcode workspace "macostestproject.xcworkspace"
info Building (using "xcodebuild -workspace macostestproject.xcworkspace -configuration Debug -scheme macostestproject-macOS")
..................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................
info Launching app "org.reactjs.native.macostestproject" from "/Users/bartoszklonowski/Library/Developer/Xcode/DerivedData/macostestproject-conkydouvjiaapcrbrwdfcavxffu/Build/Products/Debug/macostestproject.app"
success Successfully launched the app

So the steps are:

1. Setup the environment according to the docs
2. Initialize new project with template v0.63.0
3. Build and run the app using npx react-native run-macos

Actual Behavior

Reproducible Demo

Initial example project created by default when setting the project up.

[HeyImChris]

We'll update the documentation with the workaround and plan to fix the casing error. For now to unblock, does this work for you if you lowercase the name in the app.js file?

[chrisglein]

There's a PR to the docs about this: microsoft/react-native-windows-samples#524

[BartoszKlonowski]

Hello @HeyImChris and @chrisglein!
I've lower-cased the name and it did solve the reported problem, thank you!
As I can see this issue is used to track the changes for a fix, so I won't close it, but from my side I'm completely unblocked 👍

[pkubat]

This should in the "Troubleshooting" of the getting started until a fix is released.

[Drzaln]

aggreed with @pkubat
i'm facing this too

[HeyImChris]

I sent a PR out today updating the React-Native docs with the workaround until the CLI gets fixed. I'd imagine that can at least keep folks unblocked in the meantime.

[GuySerfaty]

Lower-case app.json name works for me :(

[frankcalise]

Lowercasing the value in the name field of app.json didn't work for me - are there any other steps to do after that besides npx react-native run-macos?

[github-actions]

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.

[github-actions]

This issue was closed because it has been stalled for 7 days with no activity.