React Native之遇到的问题

摘要:
检查后发现项目-˃node_modules-˃react-native-˃third-party-˃boost_1_63_0-˃boost文件夹下的所有子文件夹都是空的。

问题一:使用 Android Studio 运行 React Native 新项目时,报错:Unable to load script from assets 'index.android.bundle'. Make sure your bundle is packaged correctly or you're running a packager server.

React Native之遇到的问题第1张

解决方案(步骤):

1. 进入‘项目’ -> android -> app -> src ->main
2. 在 main 文件夹下,创建 assets 名称的文件夹
3. 运行终端,进入项目:cd '项目名称'
4. 运行命令:npm install
5. 运行命令: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/
6. 当 assets 文件夹下出现了两个文件,则成功
7. 重新运行 android 项目

React Native之遇到的问题第2张

-------------------------------------- 华丽的分割线 --------------------------------------

问题二:使用 Xcode运行 React Native 新项目时,报错:'boost/type_traits/add_const.hpp' file not found. 等等之类的问题。检查后发现 项目 -> node_modules -> react-native -> third-party -> boost_1_63_0 -> boost 文件夹下的所有子文件夹都是空的。

React Native之遇到的问题第3张

解决方案(步骤):

方法一:
1
. 下载 boost_1_63_0.tar.gz(https://sourceforge.net/projects/boost/files/boost/1.63.0/ 2. 将压缩包解压,替换 ‘项目’ -> node_modules -> react-native -> third-party 文件夹下的 boost_1_63_0 文件夹 3. 重新运行 Xcode
方法二:
1. 重新创建项目,创建项目时,需要输入version,在终端输入:react-native init 项目 --version 0.44.3

-------------------------------------- 华丽的分割线 --------------------------------------

问题三:使用 Android Studio 运行 React Native 项目时,报错:Error calling AppRegistry.runApplication

React Native之遇到的问题第4张

分析原因:可能因为RN项目的服务器没有开启,或者RN项目服务器的端口被占用。

-------------------------------------- 华丽的分割线 --------------------------------------

问题四:null is not an object(evaluating ‘this.state.splashed’)

React Native之遇到的问题第5张

解决办法:

//在react native用到es6的时候初始化state应该在constructor ()内,而不是用getInitialState()

    //ES 5
getInitialState() {
        return{
            selectedTab:'approval'}
    }

    //ES 6
constructor(props) {
        super(props);
        this.state ={
            selectedTab:'approval'}
    }

免责声明:文章转载自《React Native之遇到的问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇(转载)Android Cursor之MergeCursorDAG模型——嵌套矩阵下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

React == 实现简易购物车

React == 实现简易版购物车 1、几个要点: 为了方便后面使用input type = "checkbox" 实现复选框的选中/不选中,给传递过来的属性要在遍历的时候,单独加上一个新属性 checked count 属性 默认值 都是1. state = { all : false, sumprice :0, one...

React Native中加载指示器组件ActivityIndicator使用方法

这里讲一下React Native中的一个组件——ActivityIndicator,这是一个加载指示器,俗称菊花,很常见的,效果如下所示: 可以看到图中有两个加载指示器,一大一小,这是尺寸不是我设置的,这个组件本身就有一个属性是设置其大小的,两个选项,一大一小。这里顺便就介绍一些该组件的属性: animating:这个参数接受布尔型的值,表示是否显示...

android 拍照上传照片

废话不多说,直接进入主题,想要在android中实现拍照最简单饿方法就是New 一个 Intent 设置Action为android.media.action.IMAGE_CAPTURE 然后使用startActivityForResult(intent,REQUEST_CODE)方法进入相机。当然还有很多方式可以实现,大家可以在网上查找。但是要注意的是在...

react基础---react全家桶03

目录: 1. redux   1.1 原始,原始步骤   1.2 react-reducer,两种写法(导出普通写法 和 装饰器的写法)   1.3 存储多个reducer 2. redux中间键,redux-logger | redux-thunk   异步请求,调用dispatch 3. router   基本:BrowserRouter, Link,...

React Native拆包及热更新方案 · Solartisan

作者:solart 版权声明:本文图文为博主原创,转载请注明出处。 随着 React Native 的不断发展完善,越来越多的公司选择使用 React Native 替代 iOS/Android 进行部分业务线的开发,也有不少使用 Hybrid 技术的公司转向了 React Native 。要说 React Native 最能吸引开发者的地方那就是其拥有前...

Android02——Activity

Activity 目录 Activity 创建空白activity和layout 创建活动 设置布局 在活动中加载布局 AndroidManfiest文件中注册 在活动中使用toast Menu 销毁一个活动 Intent 显式intent 隐式intent 其他intent用法 向下一个活动传递数据 返回数据给上一个活动[没懂] ac...