react-native报错信息之 The component for route 'X' must be a React component.

于 2019-09-24 09:16:49 发布
阅读量1k 收藏
点赞数
分类专栏： react-native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38705449/article/details/103525644
版权

错误语句The component for route 'X' must be a React component.音译为路线“首页”的组件必须是反应组件

如下图

image.png

问题原因就是我们没有把组件导出造成的

在最后加上export default  导出页面即可

追梦猪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
react-native-PDFView：React适用于React Native的PDF查看器
02-05
react-native-view-pdf 用于在显示库 使用 。 目标是minSdkVersion 21（ ）及更高版本。默认情况下，使用稳定版2.8.2 。 也可以覆盖它并使用3.1.0-beta.1 （此版本允许处理链接等，并且将在发布Android PdfViewer...
RN 导航 。react-navigation 3X 问题
ant1239的专栏
10-23 298
错误代码：error: "The component for route must be a a React Component" 提示引用页面不是reactComponet。 import Home from '../home' screen：Home 改为 screen：()=><Home> 查找问题中，也有提示进行如下更改的。对我这个无效。可能针对其他版本有效...
React-navigation导航系统(5)-Router
大灰狼的小绵羊哥哥的博客
05-08 6839
tags: React-Native Routers Router定义一个组件的navigation state,允许开发者定义路径和可以操作的actions. 内建的Routers StackRouterTabRouter 使用Routers 为了手动定制一个navigator,在组件里可以放一个静态的router.(使用内建的组件快速的定制一个nav
React Navigation源代码阅读 ：routers/validateRouteConfigMap.js
Details Inside Spring
05-13 1190
import invariant from '../utils/invariant'; /** * Make sure the config passed e.g. to StackRouter, TabRouter has * the correct format, and throw a clear error if it doesn't. * * 检查传递给StackRouter...
ReactNative的编码规范造成的报错问题
chirs的专栏
02-06 2147
坚持 成长 每日一篇今天遇到一个bugAwesomeProject.render(): A valid ReactComponent must be returned. You may have returned undefined, an array or some other invalid object.代码如下：var AwesomeProject = React.createClass(
React路上遇到的那些问题以及解决方案
热门推荐
高山上的鱼
04-01 16万+
问题1：首先必须在键名后面添加一个空格，否则报错 Module build failed: YAMLException: can notread a block mapping entry; a multiline key may not be an implicit key at line6, column 1: 必须是如：name  :'Hello world!' 还有一个可能，如下
React Native之react-navigation动态修改标题、页面导航等
Tiger的专栏
06-16 5234
目录 1.navigation导航对象相关参数 1.1在当前Component获取navigation导航对象 1.2navigate方法 1.2.2使用示例 1.2.3源码 1.3params 1.4navigation的state属性 2.动态修改标题-title或者左右显示组件-headerRight 2.1动态修改标题 2.2动态修改左右显示组件-headerRi...
react-native-router-flux 使用详解（三）
weixin_34187822的博客
03-01 519
2019独角兽企业重金招聘Python工程师标准>>> ...
awesome-react-native
大灰狼的小绵羊哥哥的博客
12-16 4775
Awesome React Native https://github.com/jondot/awesome-react-native A curated list of awesome articles, tutorials and resources dealing with React Native. Inspired by awesome-go, which was i
react-native-side-menu
WS_611的博客
09-02 457
DfyProject01 /** * Sample React Native App * https://github.com/facebook/react-native */ import React, {Component} from 'react'; import { AppRegistry, StyleSheet, Text, Image, ...
react-native-rename：仅用一个命令即可重命名react-native应用
01-30
react-native-rename 只需一个命令即可重命名react-native应用 该软件包假定您使用react-native init创建了react-native项目。 注意：此软件包不会尝试正确重命名构建工件，例如ios/build或Cocoa Pod安装目标。 ...
react-native-action-button：用于react-native的可定制的多操作按钮组件
02-05
安装npm i react-native-action-button --save 通过以下方式将react-native-vector-icons本机依赖项链接到您的项目： react-native link react-native-vector-icons 要不就： react-native link 链接所有库与项目中...
react-native-amap3d：react-native高德地图组件，使用最新的3D SDK，支持Android + iOS
02-05
react-native-amap3d react-native高德地图组件，使用最新的3D SDK，支持Android + iOS，受启发，提供功能丰富且易用的接口。 相关项目推荐： 关联文档： : 功能 地图模式切换（常规，卫星，导航，夜间） 3D建筑...
react-native-popup-menu:React Native的弹出菜单
05-02
react-native-popup-menu·特征定位方式描述快速定位允许将菜单对齐到任何元素的边框坚持元素的中心允许按元素宽度的中心显示菜单动态定位允许将动态偏移量添加到基本菜单位置位置限制自动应用约束，以永不超越屏幕...
基于matlab实现人工免疫算法的解决TSP问题的方法
最新发布
05-21
基于matlab实现人工免疫算法的解决TSP问题的方法，体现了免疫算法在进化计算过程中的抗原学习、记忆机制、浓度调节机制以及多样性抗体保持策略等优良特性.rar
麦肯锡图表绘制培训.pptx
05-21
麦肯锡图表绘制培训.pptx
Java_Android的自由轻量级流媒体前端.zip
05-21
Java_Android的自由轻量级流媒体前端
node-v18.20.2-linux-arm64
05-21
node-v18.20.2-linux-arm64node-v18.20.2-linux-arm64 node-v18.20.2-linux-arm64node-v18.20.2-linux-arm64 node-v18.20.2-linux-arm64node-v18.20.2-linux-arm64 node-v18.20.2-linux-arm64node-v18.20.2-linux-arm64 node-v18.20.2-linux-arm64node-v18.20.2-linux-arm64 node-v18.20.2-linux-arm64node-v18.20.2-linux-arm64 node-v18.20.2-linux-arm64node-v18.20.2-linux-arm64 node-v18.20.2-linux-arm64node-v18.20.2-linux-arm64 node-v18.20.2-linux-arm64node-v18.20.2-linux-arm64
react-native link react-native-pdf zsh: command not found: react-native
12-29
要解决"zsh: command not found: react-native"的问题，你需要确保已经正确安装了react-native-cli并且已经将其添加到了系统的环境变量中。 以下是在Windows和Mac上安装和配置react-native-cli的步骤： Windows： ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值