These are some common issues you may run into while setting up React Native. If you encounter something that is not listed here, try searching for the issue in GitHub.
The React Native packager runs on port 8081. If another process is already using that port, you can either terminate that process, or change the port that the packager uses.
Run the following command on a Mac to find the id for the process that is listening on port 8081:
Then run the following to terminate the process:
On Windows you can find the process using port 8081 using Resource Monitor and stop it using Task Manager.
You can configure the packager to use a port other than 8081 by using the
If you encounter an error such as
npm WARN locking Error: EACCES while using the React Native CLI, try running the following:
If you added React Native manually to your project, make sure you have included all the relevant dependencies that you are using, like
RCTImage.xcodeproj. Next, the binaries built by these dependencies have to be linked to your app binary. Use the
Linked Frameworks and Binaries section in the Xcode project settings. More detailed steps are here: Linking Libraries.
If you are using CocoaPods, verify that you have added React along with the subspecs to the
Podfile. For example, if you were using the
<Image /> and
fetch() APIs, you would need to add these in your
Next, make sure you have run
pod install and that a
Pods/ directory has been created in your project with React installed. CocoaPods will instruct you to use the generated
.xcworkspace file henceforth to be able to use these installed dependencies.
In the project's build settings,
User Search Header Paths and
Header Search Paths are two configs that specify where Xcode should look for
#import header files specified in the code. For Pods, CocoaPods uses a default array of specific folders to look in. Verify that this particular config is not overwritten, and that none of the folders configured are too large. If one of the folders is a large folder, Xcode will attempt to recursively search the entire directory and throw above error at some point.
To revert the
User Search Header Paths and
Header Search Paths build settings to their defaults set by CocoaPods - select the entry in the Build Settings panel, and hit delete. It will remove the custom override and return to the CocoaPod defaults.
React Native implements a polyfill for WebSockets. These polyfills are initialized as part of the react-native module that you include in your application through
import React from 'react'. If you load another module that requires WebSockets, such as Firebase, be sure to load/require it after react-native:
If you encounter a ShellCommandUnresponsiveException exception such as:
Try downgrading your Gradle version to 1.2.3 in
If you run into issues where running
react-native init hangs in your system, try running it again in verbose mode and refering to #2797 for common causes:
Issue caused by the number of directories inotify (used by watchman on Linux) can monitor. To solve it, just run this command in your terminal window
You can edit the content above on GitHub and send us a pull request!