安装ReactNative配置环境遇到的种种问题

安装Homebrew遇到的问题
Homebrew首页http://brew.sh/index_zh-cn.html
ruby -e “$(curl -fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)”
It appears Homebrew is already installed. If your intent is to reinstall you
should do the following before running this installer again:
ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)”

ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)”
Failed to locate Homebrew!
解决办法
sudo rm -rf /usr/local/.git
https://github.com/Homebrew/homebrew/issues/44460

安装nvm,执行下面的脚本,安装好后会自动设置环境变量
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.29.0/install.sh | bash
安装好后遇到用户级别的环境变量.bash_profile找不到,结果打开个人目录一看文件变成.bash_profile.save了,果断把该文件拷贝到桌面,去掉.save再复制回个人目录下,记得把之前的.bash_profile.save删掉

nvm install node && nvm alias default node
brew install watchman
$ npm install -g react-native-cli
这一步需要联网,等一段时间,从github上下载reactnative
$ react-native init AwesomeProject
第一次初始化需要等很长时间,从网络下载gradle,和其他依赖包
看到Setting up new React Native app in /Users/wmgs_01/AwesomeProject 就算是初始化成功了

把手机连接上电脑后,执行react-native run-android,会自动编译安装apk
安装apk,可能会出现unable to download js bundle字样
原因:是由于手机和mac没有处在同一个局域网内
解决办法:调整到同一局域网内后,再打开软件内的菜单,选择 Dev Settings -> Debug server host for device,填入你开发电脑的 IP 地址
注:RN 需要启动一个 Dev server 来辅助开发,Android 5.0 可以直接通过 USB 的访问,5.0 以下只能通过 WiFi 来访问。为了便于开发,还是建议实用 5.0 的机器

发表评论?

2 条评论。

  1. 请问是打开什么软件内的菜单?

    • 在手机上运行的那个软件,“把手机连接上电脑后,执行react-native run-android,会自动编译安装apk
      安装apk,可能会出现unable to download js bundle字样”,安装了apk,那个apk里的菜单,按menu键出现菜单

发表评论


注意 - 你可以用以下 HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>