React Native environment installation process

react-native installation process

1.npx react-native init AwesomeProject reports an error

Run cd ./demo/ios && pod install to solve the problem

2. Install JDK

(1) brew install adoptopenjdk/openjdk/adoptopenjdk8
Run react-native doctor under the running project and report an error
✖ JDK

• Version found: 1.8.0_191
• Version supported: >= 8
  

This error does not affect the environment. Note that the official version 1.8 is also called version 8, which is not recognized by the doctor.

3. Create a configuration file ~/.zshrc

(1). You can use the echo $0 command to check the shell you are using.
(2) Create a configuration file ~/.zshrc
(If it is bash, it is ~/.bash_profile)
Enter touch .zshrc in the command line to check whether the creation is successful. Use open $HOME/.zshrc to open the folder, indicating that the creation is successful. (3) Open the terminal and enter: /usr/libexec/java_home -V

Check the Java installation path and configure the Java environment variables (not necessarily required, but I configured it)

WARNING: export JAVA_HOME export CLASSPATH

Run Java - version, it shows

The installation is successful

2. When installing Android SDK, an error message appears saying that the version does not match. Click Show Package Details to install the corresponding version.

Configure ANDROID_HOME environment variable

(1) Check the installation path of the SDK in Android studio

(2) Configure the ANDROID_HOME environment variable in .zshrc
export ANDROID_HOME= HOME / L ibrary / A ndroid / sdk export PATH= HOME/Library/Android/sdk export PATH= HOME/Library/Android/sdk export PATH= PATH: ANDROIDHOME / emulator export PATH = ANDROIDH​OME/emulator export PATH= PATH: ANDROIDHOME / tools export PATH= ANDROIDH​OME/tools export PATH=PATH: ANDROIDHOME / tools / bin export PATH = ANDROIDH​OME/tools/bin export PATH=PATH:$ANDROID_HOME/platform-tools

Environment installation successful

4. Run npm run android

The app cannot be installed in reality, and an error is reported in port 8081. After switching to a foreign data source, the installation is normal.

This is the end of this article about react native environment installation. For more relevant react native environment installation content, please search 123WORDPRESS.COM's previous articles or continue to browse the following related articles. I hope everyone will support 123WORDPRESS.COM in the future!