[0.76] Error: Cannot find module '@react-native-community/cli-server-api' #47309

tido64 · 2024-10-30T15:17:27Z

Description

react-native bundle and react-native start are currently not correctly registered. After some investigation, this is what's happening:

@react-native/community-cli-plugin requires @react-native-community/cli-server-api to register commands like bundle and start

However, the former declares it as a peer dependency and also making it optional:

react-native/packages/community-cli-plugin/package.json

Lines 36 to 41 in 3c02738

    
           "devDependencies": { 
        
             "metro-resolver": "^0.81.0" 
        
           }, 
        
           "peerDependencies": { 
        
             "@react-native-community/cli-server-api": "*" 
        
           },

The responsibility to fulfill the requirement falls on whoever consumes @react-native/community-cli-plugin, which in this case is react-native. But react-native does not declare dependency on @react-native-community/cli-server-api. And since it's marked as optional, package managers don't complain.
Failing to load @react-native-community/cli-server-api means that bundle and start never gets registered and won't show up in config.

One way to fix this is to make @react-native-community/cli-server-api required again, and forward that dependency in react-native. This should make the consumer the responsible for satisfying the dependency. This also means that the template needs to be updated to include this dependency. I'm sure there are other alternatives that I have overlooked.

An alternative to that would be to make @react-native/community-cli-plugin or react-native directly depend on @react-native/community-cli-plugin.

A third option would be to move the package to the RN repo and make it part of @react-native/community-cli-plugin

Steps to reproduce

Clone/check out this branch: chore: bump react-native to 0.76 microsoft/rnx-kit#3409
Remove workarounds in .yarnrc.yml (the react-native section under resolutions)
Run yarn
Apply the following fixes directly under packages/test-app/node_modules/:
- Cherry-pick fix: fix @react-native-community/cli not being found in monorepos #47304
- Cherry-pick fix: fix @react-native-community/cli-platform-* packages not being found in monorepos #47308
Run react-native config inside packages/test-app
Verify that bundle and start are missing

React Native Version

0.76.1

Affected Platforms

Build - MacOS, Build - Windows, Build - Linux

Output of `npx react-native info`

System:
  OS: macOS 14.7
  CPU: (10) arm64 Apple M1 Max
  Memory: 1.54 GB / 64.00 GB
  Shell:
    version: 3.7.1
    path: /opt/homebrew/bin/fish
Binaries:
  Node:
    version: 20.18.0
    path: /private/var/folders/j0/5zfnwvyd4sb15smylklx03m00000gn/T/xfs-27033e9b/node
  Yarn:
    version: 4.4.0
    path: /private/var/folders/j0/5zfnwvyd4sb15smylklx03m00000gn/T/xfs-27033e9b/yarn
  npm:
    version: 10.8.2
    path: ~/.local/bin/npm
  Watchman:
    version: 2024.09.30.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.14.3
    path: /Users/tido/.gem/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 23.4
      - iOS 17.4
      - macOS 14.4
      - tvOS 17.4
      - visionOS 1.1
      - watchOS 10.4
  Android SDK:
    API Levels:
      - "34"
    Build Tools:
      - 30.0.3
      - 33.0.0
      - 33.0.1
      - 34.0.0
    System Images:
      - android-34 | Google Play ARM 64 v8a
    Android NDK: Not Found
IDEs:
  Android Studio: 2024.1 AI-241.18034.62.2411.12071903
  Xcode:
    version: 15.3/15E204a
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.12
    path: /usr/bin/javac
  Ruby:
    version: 3.3.5
    path: /opt/homebrew/opt/ruby/bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 15.0.0
    wanted: ^15.0.0
  react:
    installed: 18.3.1
    wanted: 18.3.1
  react-native:
    installed: 0.76.1
    wanted: ^0.76.0
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: Not found
  newArchEnabled: Not found
iOS:
  hermesEnabled: Not found
  newArchEnabled: false

Stacktrace or Logs

Error: Cannot find module '@react-native-community/cli-server-api'
  Require stack:
  - /~/node_modules/.store/@react-native-community-cli-plugin-virtual-29d9c8df52/package/dist/commands/start/runServer.js
  - /~/node_modules/.store/@react-native-community-cli-plugin-virtual-29d9c8df52/package/dist/commands/start/index.js
  - /~/node_modules/.store/@react-native-community-cli-plugin-virtual-29d9c8df52/package/dist/index.js
  - /~/node_modules/.store/react-native-virtual-5d869b466d/package/react-native.config.js
  - /~/node_modules/.store/cosmiconfig-virtual-f7d5522c5c/package/dist/loaders.js
  - /~/node_modules/.store/cosmiconfig-virtual-f7d5522c5c/package/dist/defaults.js
  - /~/node_modules/.store/cosmiconfig-virtual-f7d5522c5c/package/dist/index.js
  - /~/node_modules/.store/@react-native-community-cli-config-npm-15.0.0-1758a65588/package/build/readConfigFromDisk.js
  - /~/node_modules/.store/@react-native-community-cli-config-npm-15.0.0-1758a65588/package/build/loadConfig.js
  - /~/node_modules/.store/@react-native-community-cli-config-npm-15.0.0-1758a65588/package/build/index.js
  - /~/node_modules/.store/@react-native-community-cli-npm-15.0.0-2240e43604/package/build/commands/index.js
  - /~/node_modules/.store/@react-native-community-cli-npm-15.0.0-2240e43604/package/build/index.js
  - /~/node_modules/.store/react-native-virtual-5d869b466d/package/cli.js

Reproducer

microsoft/rnx-kit#3409

Screenshots and Videos

No response

The text was updated successfully, but these errors were encountered:

react-native-bot · 2024-10-30T15:17:47Z

⚠️	Missing Reproducible Example
ℹ️	We could not detect a reproducible example in your issue report. Please provide either: If your bug is UI related: a Snack If your bug is build/update related: use our Reproducer Template. A reproducer needs to be in a GitHub repository under your username.

react-native-bot · 2024-10-30T15:17:59Z

⚠️	Missing Reproducible Example
ℹ️	We could not detect a reproducible example in your issue report. Please provide either: If your bug is UI related: a Snack If your bug is build/update related: use our Reproducer Template

react-native-bot · 2024-11-30T05:00:57Z

This issue is waiting for author's feedback since 24 days. Please provide the requested feedback or this will be closed in 7 days.

avishekdev · 2025-01-18T14:25:33Z

Facing this same issue when building my expo app in production mode using the EAS build command.

…/cli-server-api` See facebook/react-native#47309 for context.

Summary: `react-native/community-cli-plugin` depends on `createDevServerMiddleware` from `react-native-community/cli-server-api`. `react-native/community-cli-plugin` currently [declares an optional peer dependency](https://github.com/facebook/react-native/blob/bae895500052bda2f55e1832b0c8a63a1b449de3/packages/community-cli-plugin/package.json#L39-L45) on `react-native-community/cli-server-api`, however because the latter isn't a dependency of `react-native` or the community template, the peer dependency is not available to package managers that enforce isolated node_modules - see #47309. Rather than add an unnecessary dependency to the template (like [this](react-native-community/template#105)), my proposal is to switch to a peer dependency on only `react-native-community/cli`, because that *is* a dependency of the community template and therefore will be resolvable. Because `react-native-community/cli` doesn't re-export `createDevServerMiddleware` from its dependency on `cli-server-api`, we need to resolve the latter through the former. This can be cleaned up once a re-export lands - react-native-community/cli#2605. Changelog: [GENERAL][FIXED] Fix registering of `start` and `bundle` commands with community CLI and isolated node_modules. Differential Revision: D69848688

…li (#49518) Summary: Pull Request resolved: #49518 `react-native/community-cli-plugin` depends on `createDevServerMiddleware` from `react-native-community/cli-server-api`. `react-native/community-cli-plugin` currently [declares an optional peer dependency](https://github.com/facebook/react-native/blob/bae895500052bda2f55e1832b0c8a63a1b449de3/packages/community-cli-plugin/package.json#L39-L45) on `react-native-community/cli-server-api`, however because the latter isn't a dependency of `react-native` or the community template, the peer dependency is not available to package managers that enforce isolated node_modules - see #47309. Rather than add an unnecessary dependency to the template (like [this](react-native-community/template#105)), my proposal is to switch to a peer dependency on only `react-native-community/cli`, because that *is* a dependency of the community template and therefore will be resolvable. Because `react-native-community/cli` doesn't re-export `createDevServerMiddleware` from its dependency on `cli-server-api`, we need to resolve the latter through the former. This can be cleaned up once a re-export lands - react-native-community/cli#2605. Changelog: [GENERAL][FIXED] Fix registering of `start` and `bundle` commands with community CLI and isolated node_modules. Reviewed By: huntie Differential Revision: D69848688 fbshipit-source-id: 009b8ffd43b2ab2d84fcc71e9e48382eb8950bb1

tido64 added the Needs: Triage 🔍 label Oct 30, 2024

facebook-github-bot added p: Microsoft Partner: Microsoft Partner labels Oct 30, 2024

react-native-bot added Needs: Author Feedback Needs: Repro This issue could be improved with a clear list of steps to reproduce the issue. labels Oct 30, 2024

react-native-bot removed the Needs: Triage 🔍 label Oct 30, 2024

tido64 assigned blakef and cortinico Oct 30, 2024

tido64 mentioned this issue Oct 30, 2024

Add support for react-native 0.76 microsoft/react-native-test-app#2131

Closed

33 tasks

cipolleschi added the 0.76 label Oct 31, 2024

react-native-bot added Stale There has been a lack of activity on this issue and it may be closed soon. and removed Stale There has been a lack of activity on this issue and it may be closed soon. labels Nov 30, 2024

blakef added Never gets stale Prevent those issues and PRs from getting stale and removed Needs: Author Feedback Needs: Repro This issue could be improved with a clear list of steps to reproduce the issue. labels Dec 1, 2024

quinton22 mentioned this issue Jan 20, 2025

Unknown command 'start' react-native-community/cli#2557

Open

tido64 linked a pull request Feb 11, 2025 that will close this issue

fix: correctly forward dependency on @react-native-community/cli-server-api #49325

Open

tido64 added a commit to tido64/react-native-template that referenced this issue Feb 12, 2025

fix: @react-native/community-cli-plugin on `@react-native-community…

702c12f

…/cli-server-api` See facebook/react-native#47309 for context.

tido64 mentioned this issue Feb 12, 2025

fix: @react-native/community-cli-plugin depends on @react-native-community/cli-server-api react-native-community/template#105

Draft

robhogan mentioned this issue Feb 19, 2025

feat: Export createDevServerMiddleware from cli react-native-community/cli#2605

Merged

3 tasks

robhogan mentioned this issue Feb 19, 2025

community-cli-plugin: resolve cli-server-api via peer dependency on cli #49518

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[0.76] Error: Cannot find module '@react-native-community/cli-server-api' #47309

[0.76] Error: Cannot find module '@react-native-community/cli-server-api' #47309

tido64 commented Oct 30, 2024 •

edited

Loading

react-native-bot commented Oct 30, 2024

react-native-bot commented Oct 30, 2024

react-native-bot commented Nov 30, 2024

avishekdev commented Jan 18, 2025

[0.76] Error: Cannot find module '@react-native-community/cli-server-api' #47309

[0.76] Error: Cannot find module '@react-native-community/cli-server-api' #47309

Comments

tido64 commented Oct 30, 2024 • edited Loading

Description

Steps to reproduce

React Native Version

Affected Platforms

Output of npx react-native info

Stacktrace or Logs

Reproducer

Screenshots and Videos

react-native-bot commented Oct 30, 2024

react-native-bot commented Oct 30, 2024

react-native-bot commented Nov 30, 2024

avishekdev commented Jan 18, 2025

tido64 commented Oct 30, 2024 •

edited

Loading

Output of `npx react-native info`