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

前端之家收集整理的这篇文章主要介绍了初次使用react-native遇到的问题记录前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一、Create React Native App 快速创建 React Native 应用@H_404_3@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 打包工具@H_404_3@npm install -g exp@H_404_3@exp start 命令来启动 Expo 打包工具@H_404_3@exp build:android 或者 exp build:ios 分别构建 Android 或者 iOS 独立应用@H_404_3@参考文章 @L_403_0@

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

遇到过的问题:

  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

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

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文件夹下多出两个文件@H_404_3@第三步:重新run程序。 react-native run-android

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

猜你在找的React相关文章