React-Native第一步

标签：string   babel   ade   虚拟   dev   pac   应该   als   version   

公司终于打算放弃exmobi这个鸡肋，撒花！其实主要原因还是烽火跑路不维护了。。

在h5框架与react-native之间做选择，比较之后还是选择后者，希望效果不要太差

万事开头难，先说说RN的搭建

安装node.js 版本最好新一点
安装python2 我装的2.7.10
安装jdk1.8 据说1.9不行 配置环境变量 CLASSPATH=.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
安装androidstudio和sdk
安装sdk android8.0(Oreo)Android SDK Platform 26、Intel x86 Atom_64 System Image
SDK Tools-Show Package Details-Android SDK Build-Tools确保选中了 React Native 所必须的26.0.3版本。你可以同时安装多个其他版本，然后还要勾选最底部的Android Support Repository
配置环境变量
ANDROID_HOME 末尾最好不带分号;
PATH += %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;%ANDROID_HOME%\platform-tools;C:\Program Files\nodejs\
最好SDK文件夹 \sdk\build-tools中的版本可以和react-native build.grade文件里的buildToolsVersion 是可匹配的
react-native命令在node.js command里跟cmd中都可以执行（应该是）

虚拟机：Genymotion

新建RN项目

为了cmd方便，我的RN项目路径是C:\Users\Administrator\reactnativeprojects

react-native init AwesomeProject
react-native run-android

这边因为RN的新版本有点问题，具体不知道什么问题把项目的RN版本回退

npm uninstall react-native
npm install --save react-native@0.55.4
npm install --save babel-core@latest babel-loader@latest
npm uninstall --save babel-preset-react-native
npm install --save babel-preset-react-native@4.0.0
react-native run-android

如果报这个错误unable to load script from assets
就到android\app\src\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/

React-Native第一步

标签：string   babel   ade   虚拟   dev   pac   应该   als   version   

原文地址：https://www.cnblogs.com/imbasaber/p/9598374.html