ReactNative问题小结

最新推荐文章于 2024-09-07 14:28:01 发布

原创最新推荐文章于 2024-09-07 14:28:01 发布 · 304 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android reactnative问题总结

reactnative 专栏收录该内容

1 篇文章

订阅专栏

本文总结了ReactNative开发过程中常见的几个问题及其解决方法，包括红屏报错、加载脚本失败、PropTypes使用错误等问题，并提供了详细的排查步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

~~~~不得已要学习ReactNative,然后遇到了满满的问题，果然又得总结一波~

 1.红屏报错如下所示：

 解决办法：

 1、首先检查包服务器是否运行正常。

        在项目文件夹下输入react-native start或者npm start均可开启服务器，但是我们需要在PC端确认包服务器是否运行正常。检查网址为：
 http://localhost:8081/index.android.bundle?platform=android

 2、检查硬件连接，以及使用adb devices来查看是否连接成功。

 3、飞行模式关闭

 4、在cmd中输入 adb reverse tcp:8081 tcp:8081

 注意：这个错误的综合原因比较多
 ，一般先检查服务器是否正常运行，若正常运行的话，就输入react-native run-android命令，看具体的错误，一般都会显示错误原因。例如有可能是模拟器需要的版本号在SDK中没有安装等。

 alse
  
 --
 entry
 -
 file
  
 App.js
  
 --
 bundle
 -
 output
  
 android/app/src/main/assets/index
 .
 android
 .
 bundle
  
 --
 assets
 -
 dest
  
 android/app/src/main/res/
  

 运行完毕后assets文件夹下会多出index.android.bundle和index.android.bundle.meta两个文件

  2.报错：unable to load script from assets ‘index.android bundle’ ,make sure your bundle is packaged correctly or youu’re runing a packager server
 
  解决方法：
  
  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/

 我的项目里index.android.js和index.ios.js合并为了APP.js，所以上面的命令需要把index.android.js改为App.js然后再运行命令。

 3.报错：undefined is not an object (evaluating '_react2.PropTypes.string') 

 解决办法：项目根目录下输入
 npm install prop-types --save

 import React, {Component，PropTypes} from 'react'

 改成：

 import React, {Component} from 'react' 和 import { PropTypes} from 'prop-types';

 注释：从React15.5起，R
 eact.PropTypes被移入到单独的package中。react提供了一个package(prop-types)去检查props的类型。首先需要将prop-types引用到文件中。

 注意
 ：遇到其他问题可以用react-native run-android命令命令，查看具体错误，找对应的解决方法。若是到 Unable to obtain result of 'adb version'错误，可以再运行一下react-native run-android命令

 4.红屏报错如下所示：

 这种报错我自己的解决办法就是，打开任务管理器结束所有reactnative的相关进程，再重新运行~