react / react/react-native

`@react-native/jest` fails to resolve `react-native` in monorepos

Offen
#56,641 3 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Needs: Attention Needs: Repro Needs: Version Info p: Microsoft Partner
Vorherrschende Sprache
C++
Sterne
127k
Forks
25.3k
Ø Merge
1 T. 23 Std.
Gemergte PRs (30 T.)
4

Beschreibung

Description

@react-native/jest fails to resolve react-native in monorepos that use pnpm or Yarn in pnpm mode. @react-native/jest makes direct references to react-native but never declares it as a dependency, hence it cannot find it because the package manager will never install it.

I was going to add react-native as a peer dependency but it looks like this will create a cycle since react-native has a peer dependency on @react-native/jest. Not sure what approach you would prefer here.

This is the workaround we're currently using: https://github.com/microsoft/rnx-kit/blob/18bf2c4c307826d8d075351d1b8aa93387566177/.yarnrc.yml#L37-L40

Steps to reproduce
  1. Clone https://github.com/microsoft/rnx-kit
  2. Remove the workaround mentioned above
  3. Run yarn
  4. Build dependencies leading up to the test app: yarn build-scope @rnx-kit/test-app
  5. Run test: cd packages/test-app; yarn test
React Native Version

0.85.2

Affected Platforms

Other (please specify)

Output of npx @react-native-community/cli info
n/a
Stacktrace or Logs
% yarn test
 FAIL  test/App.test.tsx
  ● Test suite failed to run

    Cannot find module 'react-native/Libraries/AppState/AppState' from '../../node_modules/.store/@react-native-jest-preset-virtual-2eb6229c53/package/jest/mock.js'

      at Resolver._throwModNotFoundError (../../node_modules/.store/jest-resolve-npm-29.7.0-5c36f0eefb/package/build/resolver.js:427:11)
      at mock (../../node_modules/.store/@react-native-jest-preset-virtual-2eb6229c53/package/jest/mock.js:15:19)
      at Object.<anonymous> (../../node_modules/.store/@react-native-jest-preset-virtual-2eb6229c53/package/jest/setup.js:68:19)

----------|---------|----------|---------|---------|-------------------
File      | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s
----------|---------|----------|---------|---------|-------------------
All files |       0 |        0 |       0 |       0 |
----------|---------|----------|---------|---------|-------------------
Test Suites: 1 failed, 1 total
Tests:       0 total
Snapshots:   0 total
Time:        0.297 s
Ran all test suites.
MANDATORY Reproducer

https://github.com/microsoft/rnx-kit/tree/tido/bump-react-native

Screenshots and Videos

No response

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit den Metadaten der @react-native/jest-Abhängigkeit und dem .yarnrc.yml-Workaround im obligatorischen rnx-kit-Reproducer. Entferne den Workaround, führe yarn aus, führe build-scope @rnx-kit/test-app aus und führe den Test aus packages/test-app aus, um den Resolver-Fehler zu reproduzieren. Die Aufgabe ist abgeschlossen, wenn der Test ohne den Workaround besteht und die Abhängigkeitsbeziehung mit pnpm oder Yarn im pnpm-Modus funktioniert.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react-native
Bereich
mobile, testing
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Ruhig
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
52/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.