初次使用react-native遇到的问题记录

一、Create React Native App 快速创建 React Native 应用
Create React Native App 是由 Facebook 与 Expo 联合开发的用于快速创建 React Native 应用的工具

$ npm i -g create-react-native-app
$ create-react-native-app my-project
$ cd my-project
$ npm start

在 Expo 移动端应用中扫描二维码，即可以开始远程调试

Expo 打包工具
npm install -g exp
exp start 命令来启动 Expo 打包工具
exp build:android 或者 exp build:ios 分别构建 Android 或者 iOS 独立应用
参考文章 链接描述

二、需要搭建开发环境的 react-native
环境搭建参考官网教程搭建开发环境

遇到过的问题：

1. 运行 react-native run-android 报错

Unable to load script from assets 'index.android.bundle'. Make sure your bundle is packaged correctly or you're running a packager server

解决方案：
第一步：在 android/app/src/main 目录下创建一个 assets空文件夹
第二步：执行 下面这段命令

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

会发现 assets文件夹下多出两个文件
第三步：重新run程序。 react-native run-android

总结：这个index.android.bundle毫无疑问就是用来调用原生控件的js脚本，每次当你改变了 index.android.js，你都需要使用上面的代码片段，来及时的更新index.android.bundle，然后打包才可以把新的index.android.js应用上，所以当没有index.android.bundle文件时，RN是无法运行的.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!