Reputation: 774
I always use to develop my projects natively for Android and iOS, but after many people talking to me about react-native, I decided to give it a try.
However, I got very frustrated at the very first initial step: create my first project.
This is my environment:
When I run the command react-native init AwesomeProject, I see many warnings like this:
This will walk you through creating a new React Native project in /Volumes/HD2/fabiobergmann/WebstormProjects/AwesomeProject
Using yarn v1.10.1
Installing react-native...
yarn add v1.10.1
info No lockfile found.
[1/4] š Resolving packages...
[2/4] š Fetching packages...
[3/4] š Linking dependencies...
warning "react-native > metro > babel-preset-fbjs > @babel/[email protected]" has incorrect peer dependency "@babel/[email protected]".
warning " > [email protected]" has unmet peer dependency "[email protected]".
[4/4] š Building fresh packages...
success Saved lockfile.
success Saved 427 new dependencies.
info Direct dependencies
āā [email protected]
info All dependencies
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā @babel/[email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āØ Done in 104.56s.
Setting up new React Native app in /Volumes/HD2/fabiobergmann/WebstormProjects/AwesomeProject
Adding React...
yarn add v1.10.1
[1/4] š Resolving packages...
[2/4] š Fetching packages...
[3/4] š Linking dependencies...
warning "react-native > metro > babel-preset-fbjs > @babel/[email protected]" has incorrect peer dependency "@babel/[email protected]".
[4/4] š Building fresh packages...
success Saved lockfile.
success Saved 2 new dependencies.
info Direct dependencies
āā [email protected]
info All dependencies
āā [email protected]
āā [email protected]
āØ Done in 19.14s.
Adding Jest...
yarn add v1.10.1
[1/4] š Resolving packages...
[2/4] š Fetching packages...
[3/4] š Linking dependencies...
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "react-native > metro > babel-preset-fbjs > @babel/[email protected]" has incorrect peer dependency "@babel/[email protected]".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "metro-react-native-babel-preset > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
warning " > [email protected]" has unmet peer dependency "babel-core@^6.0.0 || ^7.0.0-0".
warning " > [email protected]" has unmet peer dependency "babel-core@^6.0.0 || ^7.0.0-0".
[4/4] š Building fresh packages...
success Saved lockfile.
success Saved 120 new dependencies.
info Direct dependencies
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
info All dependencies
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āā [email protected]
āØ Done in 26.94s.
To run your app on iOS:
cd /Volumes/HD2/fabiobergmann/WebstormProjects/AwesomeProject
react-native run-ios
- or -
Open ios/AwesomeProject.xcodeproj in Xcode
Hit the Run button
To run your app on Android:
cd /Volumes/HD2/fabiobergmann/WebstormProjects/AwesomeProject
Have an Android emulator running (quickest way to get started), or a device connected
react-native run-android
Then, even with all these warning, I tried to run react-native run-ios, and I get these errors:
ā error: Build input file cannot be found: '/Volumes/HD2/fabiobergmann/WebstormProjects/AwesomeProject/node_modules/react-native/third-party/double-conversion-1.1.6/src/fixed-dtoa.cc'
āø Compiling fast-dtoa.cc
ā error: Build input file cannot be found: '/Volumes/HD2/fabiobergmann/WebstormProjects/AwesomeProject/node_modules/react-native/third-party/double-conversion-1.1.6/src/fast-dtoa.cc'
āø Compiling strtod.cc
ā error: Build input file cannot be found: '/Volumes/HD2/fabiobergmann/WebstormProjects/AwesomeProject/node_modules/react-native/third-party/double-conversion-1.1.6/src/strtod.cc'
** BUILD FAILED **
The following build commands failed:
CompileC /Volumes/HD2/fabiobergmann/WebstormProjects/AwesomeProject/ios/build/Build/Intermediates.noindex/React.build/Debug-iphonesimulator/double-conversion.build/Objects-normal/x86_64/fixed-dtoa.o /Volumes/HD2/fabiobergmann/WebstormProjects/AwesomeProject/node_modules/react-native/third-party/double-conversion-1.1.6/src/fixed-dtoa.cc normal x86_64 c++ com.apple.compilers.llvm.clang.1_0.compiler
CompileC /Volumes/HD2/fabiobergmann/WebstormProjects/AwesomeProject/ios/build/Build/Intermediates.noindex/React.build/Debug-iphonesimulator/double-conversion.build/Objects-normal/x86_64/fast-dtoa.o /Volumes/HD2/fabiobergmann/WebstormProjects/AwesomeProject/node_modules/react-native/third-party/double-conversion-1.1.6/src/fast-dtoa.cc normal x86_64 c++ com.apple.compilers.llvm.clang.1_0.compiler
CompileC /Volumes/HD2/fabiobergmann/WebstormProjects/AwesomeProject/ios/build/Build/Intermediates.noindex/React.build/Debug-iphonesimulator/double-conversion.build/Objects-normal/x86_64/strtod.o /Volumes/HD2/fabiobergmann/WebstormProjects/AwesomeProject/node_modules/react-native/third-party/double-conversion-1.1.6/src/strtod.cc normal x86_64 c++ com.apple.compilers.llvm.clang.1_0.compiler
(3 failures)
Installing build/Build/Products/Debug-iphonesimulator/AwesomeProject.app
An error was encountered processing the command (domain=NSPOSIXErrorDomain, code=22):
Failed to install the requested application
The bundle identifier of the application could not be determined.
Ensure that the application's Info.plist contains a value for CFBundleIdentifier.
Print: Entry, ":CFBundleIdentifier", Does Not Exist
Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/AwesomeProject.app/Info.plist
Print: Entry, ":CFBundleIdentifier", Does Not Exist
Error: Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/AwesomeProject.app/Info.plist
Print: Entry, ":CFBundleIdentifier", Does Not Exist
at checkExecSyncError (child_process.js:611:11)
at Object.execFileSync (child_process.js:629:13)
at Promise.then (/Volumes/HD2/fabiobergmann/WebstormProjects/AwesomeProject/node_modules/react-native/local-cli/runIOS/runIOS.js:208:5)
at process._tickCallback (internal/process/next_tick.js:68:7)
Any idea what is happening or a way to workaround it?
Upvotes: 0
Views: 2902
Reputation: 774
I was able to build and run my project following the instructions here.
More specifically:
# Clean cache
rm -rf $TMPDIR/react-*; rm -rf $TMPDIR/haste-*; rm -rf $TMPDIR/metro-*; watchman watch-del-all
# Open a new tab and Start Metro Bundler directly from the project folder
react-native start --reset-cache
# Now run `react-native run-android` or `react-native run-ios`
It works, but starting like that, this makes me afraid to build a project using react native.
Upvotes: 1