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

前端之家收集整理的这篇文章主要介绍了初次使用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是无法运行的.

原文链接:https://www.f2er.com/react/302852.html

猜你在找的React相关文章