react的Element type is invalid: expected a string (for built-in components) ...错误

最新推荐文章于 2023-12-13 20:22:10 发布
最新推荐文章于 2023-12-13 20:22:10 发布
阅读量2.6w 收藏
点赞数 3
CC 4.0 BY-SA版权
分类专栏： 网页SPA 文章标签： import require react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiuzaizuotian2014/article/details/81635538
本文总结了React中遇到的Elementtypeisinvalid错误原因，包括组件未正确导出及使用CommonJS的require()导入方式导致的问题，并提供了解决方案。

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

react中遇到的错误类型如下：

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. Check the render method of “XXX"

 

Rreact Native 常见错误总结 文章中总结：可能是render中引用的组件没有正确导出为defaultexport defalut XXXComponent。

除了上述原因此外，我个人在使用CommonJS的require()来导入组件，同样出现了这样的问题，当不用require，而使用import xxx from './xxx'来导入组件的时候，就不会出现这种类型的错误了。

 

 

react - Ant Design Pro 报错Warning: React.createElement: type is invalid – expected a string (for buil
高级前端工程师
02-01 2868
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
Element type is invalid: expected a string (for built-in components) or a class/function (for compos
游海东的技术专栏
05-21 1万+
1、错误描述 2、错误原因 import React from 'react'; import ReactDOM from 'react-dom'; import Column2D from './components/Column2D.js' import logo from './logo.svg'; import './App.css'; function App() { ...
按需加载问题和Element type is invalid问题
qq_41905770的博客
05-02 4296
最近学习react遇见两个问题： 1、按需加载配置问题，如下图，不管如何yarn add都显示这个问题 解决办法：跟着官网进行配置之后，将less-loader换为5.0.0版本，重启服务即可 2、Element type is invalid问题，如下图，根据网上找到的教程区分export 和export default怎么改都不行 解决办法：因为大小写问题，导致标签没...
Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a
前端高薪进击手记
03-09 1024
意思是说：v5版本的 react-router-config 包中的所有方法都已经被迁移到了react-router 版本的core核心代码中. 如果你偏向于或者需要把路由定义成JavaScript对象而不是react组件的话，那么你会爱上这种方式，也就是使用useRoutes 方法。这个错误提示是我在配配react的SSR中为了支持路由而报的错误提示。这个错误提示有点奇怪，不是完全的Error提示，而是Warning。万万没想到，搞了我懵逼一天的竟然是一个版本问题。
【React】报错：Error: Element type is invalid: expected a string (for built-in components) or a class/fun
all_might1的博客
06-24 3499
CSDN，记录今日份离谱事件 不想看长篇大论可以解决方法如下，但只适用于我这个问题： 解决方法：在引用组件处路径后加.js import XXXXX from "./XXXXX.js" 目录 一、报错描述 二、解决思路 三、解决方案（仅适用我这种错误情况） 四、心情感想 一、报错描述 我在一个组件中引用另一个封装好的组件，然后，报错了 那报错的信息多的可谓是，错山错海、错上加错、错得离谱，红彤彤一片有一种罄竹难书的感觉（就不具体放出来了）...
Element type is invalid: expected a string (for built-in components) or a class/function but got:nul
hzxOnlineOk的博客
12-13 2147
Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function but got: undefined ———————————————— 版权声明：本文为CSDN博主「hzxOnlineOk」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.ne
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
07-02
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. ``` 是一个 React 中常见的运行时错误，通常发生在 **组件导入或使用...
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. Check the render method of `Home`.
04-29
当在 React 中使用 TypeScript 并遇到错误 `Element type is invalid: expected a string or a class/function but got: object` 时，通常是因为组件导入方式不正确或组件未被正确定义和导出。以下是具体分析以及...
我用的是5.24.10版本，采用这种方式import Bootstrap4Theme from '@rjsf/bootstrap-4';报错Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.
最新发布
07-02
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. ``` 结合你说你使用的是 `react-jsonschema-form` 的 **v5.24.10**...
Element type is invalid: expected a string (for built-in components) or a class/function
热门推荐
qq_38719039的博客
09-05 2万+
报错： Uncaught Error: Element 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 ...
react-native Element type is invalid: expected a string (for built-in components) or a class/functio
正在Android的学习路上
04-01 7767
react-native Element type is invalid: expected a string (for built-in components) or a class/functio
Error: Element type is invalid: expected a string (for built-in components) or a class/function
牛老大啊的博客
08-11 5483
第二种，引入组件后，组件写法有错误，或者夹杂了一些没用的字符，比方说逗号，点，仔细检查组件引入后的使用代码。第一种，export default 没有把组件导出，导致router.js中引入组件时候报该错误。...
Warning: React.createElement: type is invalid -- expected a string (for built-in components)
MichaelAn的博客
09-08 2563
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报错Element type is invalid: expected a string (for built-in components) or a class/function (for
youyou_LIN的博客
05-04 8599
react报错Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.login.jsimport React, { Component } from 'react';// import lo...
React中的BUG记录——Error: Element type is invalid: expected a string (for built-in components) or a class
luckydog的博客
07-13 3341
问题描述 语法各个方面没有问题，报以下错误： Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. Check the render method of App. 代码 index.js import React from 'react'; import ReactDOM from '
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for
qq_31525367的博客
06-29 2449
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it’s defined in, or you might have mixed up default and nam
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值