1. 程式人生 > >React Native 旅程開始

React Native 旅程開始

React Native 旅程開始


  1. 由於公司業務發展自己開始介入React Native 對於我這個小白來講,光光安裝環境居然用了5個小時。首先先介紹下我是一名Android 開發工程師,同時也是一名吃雞選手。不知道從什麼時候起,感覺自己好迷茫,不知道自己該學些什麼,感覺自己什麼都會啊。迷茫無所適從現在我的想法是先適應公司的需求吧,畢竟生存是第一位的。

  2. 在這裡總結下自己遇到的問題,首先自己按照RN的中文文件進行環境配置
    https://reactnative.cn/docs/0.51/getting-started.html 按照文件配置完成之後到 了做後一步的時候安裝app到手機端時,出現一個問題,當是我覺得那尼!!!怎麼可能我是按照文件來的啊?當時自己想的是問做RN的同事,結果也不了了之可能都太忙了。問題如下這裡寫圖片描述

我的解決辦法:


  • 首先檢查環境變數PATH
    新增android sdk path
    由於我使用的zsh所以我需要開啟zsh的配置文新增配置
    這裡寫圖片描述
  • 之後安裝還是爆出一樣的錯誤:然後查詢資料之後說是有可能沒有許可權之後我又在專案的根目錄新增許可權如下:
    在專案下執行 就是為android資料夾下的gradlew命令 新增許可權

    chmod 755 android/gradlew

  • 之後在試了一次還是不行,查詢資料之後得知,可以用Android studio 開啟專案下的android 資料夾如下:

  • 這裡寫圖片描述
  • 開啟之後看見了Android 的專案結構,但是缺少assets資原始檔然後在main資料夾下新建一個空的assets資料夾
  • 這裡寫圖片描述

本以為這就沒事了,結果和失望一樣的錯誤這裡寫圖片描述

查詢資料得知需要更改下

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

然後在執行驚喜的發現成功了!僅此記錄我學習的經歷。