Element type is invalid: expected a string (for built-in components) or a class/function but got:nul

已于 2023-12-13 20:22:30 修改
阅读量1.5k 收藏
点赞数
文章标签： javascript 前端 开发语言
于 2023-12-13 20:22:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hzxOnlineOk/article/details/134981043
版权

Uncaught Error: Invariant Violation: Element type is invalid: expected
a string (for built-in components) or a class/function but got:
undefined

出现以上报错，可能原因如下：

1、组件导入时，值为undefined，可能是因为太久没有更新node_modules包版本了，导致版本异常引起undefined
2、可能是因为导入方式搞错了，解构导入和默认导入没写对
在这里插入图片描述

hzxOnlineOk
关注
react - Ant Design Pro 报错Warning: React.createElement: type is invalid – expected a string (for buil
高级前端工程师
02-01 2479
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
正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法
最新发布
wbajsjhhhhh的博客
05-03 6256
正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法
按需加载问题和Element type is invalid问题
qq_41905770的博客
05-02 4153
最近学习react遇见两个问题： 1、按需加载配置问题，如下图，不管如何yarn add都显示这个问题 解决办法：跟着官网进行配置之后，将less-loader换为5.0.0版本，重启服务即可 2、Element type is invalid问题，如下图，根据网上找到的教程区分export 和export default怎么改都不行 解决办法：因为大小写问题，导致标签没...
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() { ...
Error: Element type is invalid: expected a string (for built-in components) or a class/function
牛老大啊的博客
08-11 5349
第二种，引入组件后，组件写法有错误，或者夹杂了一些没用的字符，比方说逗号，点，仔细检查组件引入后的使用代码。第一种，export default 没有把组件导出，导致router.js中引入组件时候报该错误。...
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 ...
在git上下载项目报错个人解决办法npm ERR! code 128 npm ERR! Command failed: git clone --mirror -q git://github.com
weixin_46716934的博客
06-10 2万+
个人项目报错已解决 git上下载项目报错 npm ERR! code 128 npm ERR! Command failed: git clone --mirror -q git://github.com/adobe-webplatform/eve.git C:\Users \Administrator\AppData\Roaming\npm-cache\_cacache\tmp \git-clone-1bbb02a0\.git --config core.longpaths=true npm ER
vue 使用 eslint 报错 [vue/no-parsing-error] Parsing error: x-invalid-end-tag.
Amy的博客
07-19 4万+
项目环境及编辑器 项目框架：vue iview 编辑器：vscode 错误提示 见下图：[vue/no-parsing-error] Parsing error: x-invalid-end-tag. 原因 Col components are wrong in eslint-plugin-vue 解决办法 以下三种办法都能搜出来，这里做个总结以及记录遇到的问题： 作者给出的办法 关闭...
huggingface-cli: error: invalid choice: ‘download‘解决方案
热门推荐
weixin_43178406的博客
11-09 6万+
本文主要介绍了huggingface-cli: error: invalid choice: 'download’解决方案，希望能对学习使用huggingface-cli的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案
Error: Element type is invalid: expected a string (for built-in components) or a class/function (fo
DF11G_0001的博客
10-02 1201
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. 今天遇到了一个恶心的BUG。在Stak和各类网站上，类似的BUG都是和引入格式相关。 经过一顿定位，发现是ReactDOM.render()函数的问题。当使用react-redux的Provider这个API时，函数中使用预定义
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for
weixin_45538554的博客
06-17 1358
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. 出现这个问题因为， 父组件想引用自组件，这个标签。 但是导出的是一个JavaScript类 const self = new SendImage(); export default self 正确的导出子组件 export def
react的Element type is invalid: expected a string (for built-in components) ...错误
就在昨天之技术点滴
08-13 2万+
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 Nativ...
【React】报错：Error: Element type is invalid: expected a string (for built-in components) or a class/fun
all_might1的博客
06-24 3248
CSDN，记录今日份离谱事件 不想看长篇大论可以解决方法如下，但只适用于我这个问题： 解决方法：在引用组件处路径后加.js import XXXXX from "./XXXXX.js" 目录 一、报错描述 二、解决思路 三、解决方案（仅适用我这种错误情况） 四、心情感想 一、报错描述 我在一个组件中引用另一个封装好的组件，然后，报错了 那报错的信息多的可谓是，错山错海、错上加错、错得离谱，红彤彤一片有一种罄竹难书的感觉（就不具体放出来了）...
[React]Element type is invalid: expected a string (for built-in components) or a class/function
stay hungry stay foolish
12-20 684
目录背景操作 背景 react+redux做todolist项目中遇到这个问题 操作 安装报错提示信息，把app改为function或者class // const App = ( // <Provider store={store}> // <TodoList /> // </Provider> // ) function App() { return <Provider store={store}>
React中的BUG记录——Error: Element type is invalid: expected a string (for built-in components) or a class
luckydog的博客
07-13 3249
问题描述 语法各个方面没有问题，报以下错误： 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
09-22
这个错误是因为在组件中引入了一个未定义的元素类型。通常，这可能是由于未正确导出组件或导入组件时混淆了默认导入和命名导入所导致的。请检查你的组件文件是否正确导出，并确保在导入组件时使用了正确的导入方式。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

hzxOnlineOk

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值