React.createElement: type is invalid -- expected a string (for built-in components) or a class/funct

最新推荐文章于 2024-02-01 10:33:16 发布
最新推荐文章于 2024-02-01 10:33:16 发布
阅读量9.9k 收藏
点赞数 1
分类专栏： 工作中遇到的问题 文章标签： react-native navigation type 0-46-4
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014041033/article/details/75644103
版权

typeinvalid.png

版本信息：
“react”: “16.0.0-alpha.12”,
“react-native”: “0.46.4”,
“react-navigation”: “^1.0.0-beta.11”
node:8.0.0
npm:5.0.1

这是版本问题最后无奈只能降低版本。
如果是已经在项目中用了react-navigation那么升级后是没有这个问题的。
如果是新建项目然后使用react-navigation那就会有这个问题。
然后将新项目降级到0.44 删除node_module 使用npm i. 运行还是会报错。
再次删除node_module
运行yarn install.
一切OK。

降级后的版本：
“react”: “16.0.0-alpha.6”,
“react-native”: “^0.44.0”,
“react-navigation”: “^1.0.0-beta.11”

issue:
https://github.com/react-community/react-navigation/issues/2197
https://github.com/react-community/react-navigation/issues/2177
https://segmentfault.com/q/1010000010286008

WYQ_XQ
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
formy-react-components：用于formy-react表单的Bootstrap组件
01-30
formsy-react-components是对React组件的选择，这些组件渲染用于表单的表单元素。 这些组件使标记可以快速包含在。 这包括<label> ，以及一些与Formy的验证状态和验证消息相关的。 安装 要使用yarn安装： yarn ...
React.createElement: type is invalid -- expected a string (for built-in components) or a class/func
wuyujin1997的博客
08-30 1万+
文章目录报错信息ES6 模块导出及引入CommonJS 模块导出及引入 报错信息 React运行报错： 信息如下： Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your com
Warning: React.createElement: type is invalid -- expected a string (for built-in components)
MichaelAn的博客
09-08 1779
Warning: React.createElement: type is invalid – expected a string (for built-in components) or a class/function (for composite components) but got: object。中文就是：React 框架创建元素时，类型不合法。今天开发时，一个稳定的功能出现了下面的报错。
React.createElement: type is invalid -- expected a string (for built-in components) or a class..
热门推荐
Amen的博客
08-02 2万+
问题： Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your co...
react-image-resizer:react-image-resizer是一个React组件，可将图像调整大小以使其美观
05-13
React图像调整器 react-image-resizer是一个React组件，可以将图像调整大小以使其美观。安装 # use npm$ npm install -D react-image-resizer# use yarn$ yarn add -D react-image-resizer用法import React from '...
skyvow.github.io：我的简历-个人简历
01-31
skyvow.github.io基于React + React-router + ES6前端项目技术选型目录结构src/ |-assets/ # 静态文件 |- fonts/ # 字体 |- images/ # 图片 |- plugins/ # 插件 |- styles/ # 样式 |- ... |-components/ # 全局可...
react-hover:React悬停---使悬停变得容易http
05-06
$ npm install --save react-hover Codesandbox演示 演示版 用法 您可以在React-hover中打开纯HTML或自定义触发器/鼠标悬停组件。 以下是自定义组件的示例： < / Trigger > < / Hover > < /...
react-chart.js:流行的图表库Chart.js的React Components
05-26
@ jhonnold / react-chart.js 流行的库的React组件 安装 npm install --save @jhonnold/react-chart.js chart.js chart.js是对等依赖项，必须与该库一起安装 入门 import { BarChart } from '@jhonnold/react-...
【React】报错:React.createElement: type is invalid -- expected a string (for built-in components) or a c
每天进步一点点, 靠近小目标一点点~
03-15 463
照着原项目在src/components 下创建个组件 , **export default ComponentName** , 然后再pages里引入 **import { ComponentName } from 'components'** , 于是报错 Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composi
react-router 报错React.createElement: type is invalid ...解决方法
xuan2717的博客
08-26 394
react-router 报错React.createElement: type is invalid ...解决方法
react报错 Warning: React.createElement: type is invalid . ..
weixin_34353714的博客
05-30 1928
报错说我可能类名定义错误或引入错误，我找了好久的原因都没有找到 因为我的输出是这样的： const mapStateToProps = ({ createProjectModal, organization }) => { // loading let current; if (organization) { ...
Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a
前端高薪进击手记
03-09 839
意思是说：v5版本的 react-router-config 包中的所有方法都已经被迁移到了react-router 版本的core核心代码中. 如果你偏向于或者需要把路由定义成JavaScript对象而不是react组件的话，那么你会爱上这种方式，也就是使用useRoutes 方法。这个错误提示是我在配配react的SSR中为了支持路由而报的错误提示。这个错误提示有点奇怪，不是完全的Error提示，而是Warning。万万没想到，搞了我懵逼一天的竟然是一个版本问题。
react - Ant Design Pro 报错Warning: React.createElement: type is invalid – expected a string (for buil
最新发布
高级前端工程师
02-01 2143
react，ant design pro，react报错React.createElement，报错怎么办，详细解决办法，如何解决浏览器控制台报错，如何解决ant组件库报错，使用ant design pro创建组件时报错Warning: React.createElement: type is invalid – expected a string (for built-in components) or a class/function (for composite components) but got
Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a cl
知识改变一切
10-08 1万+
原因就是在父组件引用子组件时多加了一个大括号 import { Content } from './content' 改成 import Content from './content'
React.createElement: type is invalid expected a string (for built-in components) but got: undefined
kalinux的博客
12-01 1091
报错代码： import { ReactComponent as Back } from '@/assets/back.svg'; <div className={styles['title-back']} onClick={close} style={{color}}> <Back></Back> </div> 报错内容： 希望类型是string或者是组件，但是实际上是undefined。 报错原因： 不同版本的react引入svg的..
Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
06-03
这个警告通常是因为您在 React 组件中使用了一个未定义的组件，导致 React 在渲染时无法识别该组件。通常情况下，这种问题出现的原因是由于以下几种情况之一： 1. 您忘记从组件文件中导出该组件，或者导出的组件名称与您在组件中使用的名称不一致。 2. 您在组件中使用了一个来自另一个文件的组件，但是您没有正确地导入该组件，或者导入的组件名称不正确。 3. 您在组件中使用了一个来自第三方库的组件，但是您没有正确地安装该库并导入该组件。 为了解决这个问题，您可以检查以下几个方面： 1. 确保您从组件文件中正确地导出了该组件，并且导出名称与您在组件中使用的名称一致。 2. 确保您在组件中正确地导入了其他组件，并且导入名称与组件文件中的名称一致。 3. 确保您已经正确地安装了所需的第三方库，并且在组件中正确地导入了该库中的组件。 如果您已经检查了以上三个方面，仍然无法解决问题，您可以尝试重新启动开发服务器，或者尝试使用其他浏览器进行测试。有时候，这种问题可能是由于缓存或者其他浏览器问题导致的。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值