react-native v0.61 搭建项目

react-native v0.61 搭建项目

  • 版本
    • 搭建开发环境
    • 新建项目
    • 启动android虚拟机
    • 启动项目

版本

  1. node v12.14.0
  2. npm 6.13.4
  3. android studio 3.5.3
  4. react-native-cli 2.0.1

搭建开发环境

react-native中文网
据此搭建开发环境

新建项目

初始化名为AwesomeProject的rn项目

npx react-native init AwesomeProject

启动android虚拟机

![AVD Manager](https://img-blog.csdnimg.cn/20200103142107240.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDU3NzExMw==,size_16,color_FFFFFF,t_70react-native v0.61 搭建项目_第1张图片选中AVD Manager
Create Virtual Device…
选择Pie API Level 28 image.
如果你还没有安装 HAXM(Intel 虚拟硬件加速驱动),则先点击"Install HAXM"进行安装。
Next
Finish
绿色三角按钮启动

启动项目

命令行运行

cd AwesomeProject
react-native run-android

虚拟机报错
react-native v0.61 搭建项目_第2张图片
1、 项目中在android/app/src/main/创建文件夹 assets

2、项目中执行命令(下面是一行命令,不是两行)

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

在这里插入图片描述
可以修改node_modules/metro-config/src/defaults/blacklist.js里面的sharedBlacklist

/node_modules[/\\]react[/\\]dist[/\\].*/, ==》   /node_modules[\/\\]react[\/\\]dist[\/\\].*/,

再次启动
npx react-native run-android

你可能感兴趣的:(react)