`run-android` Command Fails in Nx React Native App

[dhanushiya-k]

Current Behavior

The following error occurs:

error: unknown command 'run-android'
Warning: command "react-native run-android" exited with non-zero status code

### Expected Behavior

The app should launch successfully on an Android emulator or device. 

### GitHub Repo

_No response_

### Steps to Reproduce

1.
### Steps to Reproduce  
1. Create an Nx workspace with PNPM:  
   ```sh
   npx create-nx-workspace --pm pnpm

2. Add a React Native app:

   nx add @nx/react-native  
   nx g @nx/react-native:app apps/mobile-frontend  

   • Chose Vite as the bundler.
3. Run pod install on macOS.
4. Fix potential esbuild issues:

   pnpm add esbuild -D -w

5. I have added the project.json file in the mobile-frontend directory as follows:

   {
     "name": "mobile-frontend",
     "$schema": "../../node_modules/nx/schemas/project-schema.json",
     "sourceRoot": "apps/mobile-frontend/src",
     "projectType": "application",
     "tags": [],
     "// targets": "to see all targets run: nx show project mobile --web",
     "targets": {}
   }

6. Check project existence:

   nx show project mobile-frontend

7. Run the Android app:

   nx run mobile-frontend:run-android
   

Nx Report

Nx logs show:  

NX   Ran target run-android for project mobile-frontend (772ms)

   ×  1/1 failed
   √  0/1 succeeded [0 read from cache]

Failure Logs

Package Manager Version

No response

Operating System

• macOS
• Linux
• Windows
• Other (Please specify)

Additional Information

Additional Context

• Is run-android the correct command for Nx-managed React Native apps?
• Do I need additional configurations for Vite?

[janis-rasins-accenture]

Hello,

The commands from the tutorial give the same result. NX version : 20.6.2
npx create-nx-workspace happynrwl --preset=react-native --appName=mobile
cd happynrwl
npm install
npx nx run-android mobile

Output:

nx run mobile:run-android
react-native run-android

error: unknown command 'run-android'

Warning: command "react-native run-android" exited with non-zero status code
———

NX Ran target run-android for project design-system-native (1s)

× 1/1 failed
√ 0/1 succeeded [0 read from cache]

[codewitharun]

Same issue for me
"@nx/react-native": "20.6.4",

[roldengarm]

I ran into issues with vite as well and I switched to Webpack, which worked better.

[codewitharun]

For me both webpack and vite giving same error , other than React Native everything is working

[CLWalker123]

Downgrading to Nx v20.5.1 fixed this for me.

[hd3vC0]

It worked for me by adding the dependencies to the application's package.json

before apps/exa2:

{
  "name": "@myapp/exa2",
  "version": "0.0.1",
  "private": true,
  "nx": {
    "name": "exa2"
  }
}

after apps/exa2:

{
  "name": "@myapp/exa2",
  "version": "0.0.1",
  "private": true,
  "nx": {
    "name": "exa2"
  },
  "dependencies": {
    "@react-native/metro-config": "*",
    "@testing-library/jest-native": "*",
    "@testing-library/react-native": "*",
    "react": "*",
    "react-native": "*",
    "react-native-svg": "*",
    "metro-config": "*"
  }
}

[renanvieiraa]

It worked for me by adding the dependencies to the application's package.json

before apps/exa2:

{
  "name": "@myapp/exa2",
  "version": "0.0.1",
  "private": true,
  "nx": {
    "name": "exa2"
  }
}

after apps/exa2:

{
  "name": "@myapp/exa2",
  "version": "0.0.1",
  "private": true,
  "nx": {
    "name": "exa2"
  },
  "dependencies": {
    "@react-native/metro-config": "*",
    "@testing-library/jest-native": "*",
    "@testing-library/react-native": "*",
    "react": "*",
    "react-native": "*",
    "react-native-svg": "*",
    "metro-config": "*"
  }
}

It's work to me! Thank you! But, how do you did get this solution?

[vladimir-e]

It worked for me by adding the dependencies to the application's package.json

Thank you so much for sharing!

For NX@21.1.3 just adding this was sufficient:

"dependencies": {
    "react": "*",
    "react-native": "*"
}