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

最新推荐文章于 2023-12-13 20:22:10 发布
最新推荐文章于 2023-12-13 20:22:10 发布
阅读量1k 收藏
点赞数
分类专栏： react 文章标签： react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fray_zyt/article/details/120777250
版权

 再次出现这个错误，是另一个原因

是因为react中的重定向问题，

没有对数据源进行过滤分批遍历，将数据源分为要循环遍历的数据和需要重定向的数据        

Kristen_Zyt
关注
专栏目录
按需加载问题和Element type is invalid问题
qq_41905770的博客
05-02 4139
最近学习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() { ...
Element type is invalid: expected a string (for built-in components) or a class/function but got:nul
最新发布
hzxOnlineOk的博客
12-13 1500
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
unber的博客
09-04 1229
把 default 删掉。
Error: Element type is invalid: expected a string (for built-in components) or a class/function
牛老大啊的博客
08-11 5345
第二种，引入组件后，组件写法有错误，或者夹杂了一些没用的字符，比方说逗号，点，仔细检查组件引入后的使用代码。第一种，export default 没有把组件导出，导致router.js中引入组件时候报该错误。...
import React from "react"; import { Layout, Button, theme, Dropdown, Space, message, Avatar, } from "antd"; import type { MenuProps } from "antd"; import { MenuFoldOutlined, MenuUnfoldOutlined, UserOutlined, } from "@ant-design/icons"; import { useState } from "react"; const { Header } = Layout; const handleMenuClick: MenuProps["onClick"] = (e) => { message.info("Click on menu item."); console.log("click", e); }; const items: MenuProps["items"] = [ { label: "1st menu item", key: "1", icon: <UserOutlined />, }, { label: "2nd menu item", key: "2", icon: <UserOutlined />, }, { label: "退出", key: "3", icon: <UserOutlined />, danger: true, }, // { // label: "4rd menu item", // key: "4", // icon: <UserOutlined />, // danger: true, // disabled: true, // }, ]; const menuProps = { items, onClick: handleMenuClick, }; const TopHeader: React.FC = () => { const [collapsed, setCollapsed] = useState(false); const { token: { colorBgContainer }, } = theme.useToken(); return ( <Header style={{ padding: 0, background: colorBgContainer }}> <Button type="text" icon={collapsed ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />} onClick={() => setCollapsed(!collapsed)} style={{ fontSize: "16px", width: 64, height: 64, }} /> <div style={{ float: "right" }}> <span>欢迎xxx回来</span> <Dropdown menu={menuProps}> <Space wrap> <Avatar size={32} icon={<UserOutlined />} /> </Space> </Dropdown> </div> </Header> ); }; export default TopHeader; 报错：TaskQueue: Error with task : Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.
07-23
根据你提供的代码，我注意到 `MenuProps` 的定义是 `antd` 库的一个类型，但是在你的代码中没有正确导入该类型。这可能导致了错误的发生。 请确保你已经正确导入了 `MenuProps` 类型，可以尝试将以下代码添加到你的...
React Native错误汇总(持续更新)
于连林520wcf的专栏
08-15 1959
错误1 Element type is invalid…:错误描述: 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 ‘….’ 这个
System Error Codes/系统错误代码
weixin_30666401的博客
08-10 4500
在windows上程序或脚本运行突然出现未知错误,没有错误信息只有一个code,怎样知道究竟是怎么回事呢？如果知道这个code的意思是多么重要的.这时错误代码(System Error Codes)可以帮上你的忙。 从MSDN 上找到关于如下信息(http://msdn.microsoft.com/en-us/library/ms681381.aspx),页面的build dat...
Rreact Native 常见错误总结
jj120522的专栏
07-25 2万+
Rreact Native 常见错误总结
Vue 15v-for循环中key属性的使用
mqingo的博客
01-02 3530
15v-for循环中key属性的使用.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;15v-for循环中key属性的使用&lt;/title&gt; &lt;script type="text/javascript&
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 3230
CSDN，记录今日份离谱事件 不想看长篇大论可以解决方法如下，但只适用于我这个问题： 解决方法：在引用组件处路径后加.js import XXXXX from "./XXXXX.js" 目录 一、报错描述 二、解决思路 三、解决方案（仅适用我这种错误情况） 四、心情感想 一、报错描述 我在一个组件中引用另一个封装好的组件，然后，报错了 那报错的信息多的可谓是，错山错海、错上加错、错得离谱，红彤彤一片有一种罄竹难书的感觉（就不具体放出来了）...
【已解决】Error: Element type is invalid: expected a string (for built-in components) or a class/function
程序边界
02-23 1532
文章目录问题解决 问题 Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. 解决 错误还在深处。。。 查看导出导入，注意 大括号{}，注意是否该用 as 。。。 over。。。 ...
Error: Element type is invalid: expected a string (for built-in components) or a class/function (fo
DF11G_0001的博客
10-02 1197
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时，函数中使用预定义
react报错Element type is invalid: expected a string (for built-in components) or a class/function (for
youyou_LIN的博客
05-04 8504
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...
Error: Element type is invalid: expected a string (for built-in components) or a
09-22
这个错误是因为在组件中引入了一个未定义的元素类型。通常，这可能是由于未正确导出组件或导入组件时混淆了默认导入和命名导入所导致的。请检查你的组件文件是否正确导出，并确保在导入组件时使用了正确的导入方式。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值