npx create-react-native-app -t with-nextjs cant npm install

[ATunaMelt]

Summary

Following the guide at https://docs.expo.dev/guides/using-nextjs/?redirected#setup to get started on a new project. The npx create-react-native-app -t with-nextjs has dependency conflicts.

Environment

expo-env-info 1.0.5 environment info: System: OS: macOS 10.15.7 Shell: 5.7.1 - /bin/zsh Binaries: Node: 18.12.1 - /usr/local/bin/node npm: 8.19.2 - /usr/local/bin/npm IDEs: Xcode: /undefined - /usr/bin/xcodebuild npmPackages: expo: ^47.0.0 => 47.0.9 react: 18.1.0 => 18.1.0 react-dom: 18.1.0 => 18.1.0 react-native: 0.70.5 => 0.70.5 react-native-web: ~0.18.7 => 0.18.10 Expo Workflow: managed

Please specify your device/emulator/simulator platform, model and version

macOS Catalina 10.15.7

Error output

dev@Taddys-MacBook-Pro sandbox % npx create-react-native-app -t with-nextjs ✔ What is your app named? … react-native-app ✔ Downloaded and extracted project files.

Using npm to install packages.

✖ Something when wrong installing JavaScript dependencies. Check your npm logs. Continuing to initialize the app.

✅ Your project is ready!

To run your project, navigate to the directory and run one of the following npm commands.

• cd react-native-app
• npm run android
• npm run ios
• npm run web dev@Taddys-MacBook-Pro sandbox % cd react-native-app dev@Taddys-MacBook-Pro react-native-app % npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: react-native-app@1.0.0 npm ERR! Found: next@12.3.4 npm ERR! node_modules/next npm ERR! next@"^12.2.5" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer next@"^11" from @expo/next-adapter@4.0.13 npm ERR! node_modules/@expo/next-adapter npm ERR! dev @expo/next-adapter@"4.0.13" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See /Users/dev/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in: npm ERR! /Users/dev/.npm/_logs/2022-12-24T01_00_11_593Z-debug-0.log

Reproducible demo or steps to reproduce from a blank project

npx create-react-native-app -t with-nextjs npm install

[Razorshnegax018]

Using just yarn instead of npm install works. Open a blank project, copy and cd into the template, and run yarn. Works like a charm, just with a bunch of dependency conflict warnings. As long as it works you can ignore those

[byCedric]

See: https://github.com/expo/examples/pull/449