React Native启动 android例子的问题

Mac OX

1、没有找到 ANDROID_HOME

配置环境变量 vi ~/.bash_profile添加:

export ANDROID_HOME=/Users/liwf/Library/Android/sdk

使生效:source ~/.bash_profile

2、failed to find Build Tools revision 23.0.1

>cd  /Users/liwf/Library/Android/sdk/tools

查看:

     >android list sdk -a

   安装

    >android update sdk -a -u -t 12

3、No connected devices!

原因:没有启动虚拟机,先启动虚拟机即可 (我使用的Genymotion)

React Native试用中遇到的一些问题

MAC OS

1、问题:NSInternalInconsistencyException: bundleURL must be non-nil when not implementing loadSourceForBridge

原因:因为系统开了ss代理工具,关闭即可

2、问题:Cannot find entry file index.ios.js in any of the roots…

解决方案:
rm -rf node_modules  (删掉原来的重新来一遍即可)
   npm install
   react-native run-ios

3、问题:Could not connect to development server.  (ERROR Error watching file for changes: EMFILE)

解决:安装 brew install watchman

4、antd-mobile does not exist in the module map (react-native)

解决方法:[“import”, { “libraryName”: “antd-mobile”, “style”: “css” }]

改成:[“import”, { “libraryName”: “antd-mobile”}]

5、”:CFBundleIdentifier”, Does Not Exist

解决:react-native upgrade

6、no bundle url present

解决:(由于开了代理服务器SS),关闭SS

Sublime Text 3配置React IDE

 

安装Package Control:

一、自动安装(亲测可用)

使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令行,粘贴如下代码:

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

如果顺利的话,此时就可以在Preferences菜单下看到Package Settings和Package Control两个菜单了。

二、手动安装(未测试)

可能由于各种原因,无法使用代码安装,那可以通过以下步骤手动安装Package Control:

1.点击Preferences > Browse Packages菜单

2.进入打开的目录的上层目录,然后再进入Installed Packages/目录

3.下载Package Control.sublime-package并复制到Installed Packages/目录

4.重启Sublime Text。

安装React Native 需要用到的插件

React Native 开发推荐的一些插件:
  • ReactJS:支持React开发,提供JSX代码提示,高亮显示,ReactJS官方介绍
  • Emmet:前端开发必备,能够存储和重用开发代码块,Emmet介绍
  • Terminal:在Sublime中打开终端并定位到当前目录,(快捷键cmd+shift+T
  • react-native-snippets:react native 代码片段,react-native-snippets官方介绍
1> 打开Package Control:点击菜单栏Preferences-->Package Control 或者使用快捷键 Ctrl + Shift + T
2> 输入install选中:Package Control:install package
3> 等待几秒,在弹出的终端中输入想要安装的插件