微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

初次使用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.jb51.cc/react/302852.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐