按需加载问题和Element type is invalid问题

最新推荐文章于 2023-12-13 20:22:10 发布
最新推荐文章于 2023-12-13 20:22:10 发布
阅读量4.2k 收藏
点赞数
文章标签： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_41905770/article/details/105892141
版权
本文记录了在学习React过程中遇到的两个常见问题：一是按需加载配置错误，通过更新less-loader到5.0.0版本并重启服务得以解决；二是遇到了Element type is invalid的问题，实际上是由于大小写错误导致，将Menu.item更正为Menu.Item后问题解决。对于初学者来说，这些小细节可能会耗费不少时间，本文旨在分享解决方案。

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

最近学习react遇见两个问题：

1、按需加载配置问题，如下图，不管如何yarn add都显示这个问题

 

解决办法：跟着官网进行配置之后，将less-loader换为5.0.0版本，重启服务即可

2、Element type is invalid问题，如下图，根据网上找到的教程区分export 和export default怎么改都不行

解决办法：因为大小写问题，导致标签没有识别，看下图

应该将Menu.item改为Menu.Item，重启服务成功。该问题总结：如果不是因为export 和export default的问题，那么检查一下代码中因为大小写引起错误无法识别的问题。

react小白，但是因为这两个问题耽误很长时间，想分享给需要的人。

最低0.47元/天 解锁文章
qq_41905770
关注
《Python基础教程》内容总览篇（持续更新中）
weixin_43178406的博客
08-26 29万+
大家好，我是爱编程的喵喵。双985硕士毕业，现担任全栈工程师一职，热衷于将数据思维应用到工作与生活中。从事机器学习以及相关的前后端开发工作。曾在阿里云、科大讯飞、CCF等比赛获得多次Top名次。现为优快云博客专家、人工智能领域优质创作者。喜欢通过博客创作的方式对所学的知识进行总结与归纳，不仅形成深入且独到的理解，而且能够帮助新手快速入门。个人精心开设的《Python基础课程》专栏订阅量接近900，帮助不少同学解决了Bug。
深入理解加载FBX模型文件
热门推荐
海洋个人博客
08-13 8万+
每个模型文件都有自己的格式，有自研引擎的模型格式，有AutoDesk提供的模型文件格式，比如FBX模型文件，因为Unity与UE4引擎的使用而备受关注，网上也有很多关于这方面的文章，但是都没有真正解释FBX文件的内部结构，以及如何自己封装程序加载FBX模型文件。本篇博客就教给读者这两方面的知识，这样更有助于读者理解Unity加载设置FBX文件的界面。 FBX文件内部结构 我们要加载模型文件，...
【React】报错：Error: Element type is invalid: expected a string (for built-in components) or a class/fun
all_might1的博客
06-24 3454
优快云，记录今日份离谱事件 不想看长篇大论可以解决方法如下，但只适用于我这个问题： 解决方法：在引用组件处路径后加.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 726
目录背景操作 背景 react+redux做todolist项目中遇到这个问题 操作 安装报错提示信息，把app改为function或者class // const App = ( // <Provider store={store}> // <TodoList /> // </Provider> // ) function App() { return <Provider store={store}>
Element type is invalid: expected a string (for built-in components) or a class/function but got:nul
最新发布
hzxOnlineOk的博客
12-13 2040
Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function but got: undefined ———————————————— 版权声明：本文为优快云博主「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
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 ...
UI element type ' canvas 'is unknown or invalid in this context
05-29
如果在 After Effects 中使用 `canvas` 元素时出现了 `UI element type 'canvas' is unknown or invalid in this context` 的错误提示，可能是因为 `canvas` 元素不是 `ScriptUI` 支持的标准 UI 元素之一。...
cvc-complex-type.2.4.c: The matching wildcard is strict（spring-servlet.xml文件解析报错问题解决）
chishuazhi5205的博客
08-16 802
项目在本地运行正常，打包放在服务器上之后出现了以下报错 Caused by: org.springframework.beans.factory.xml.XmlBeanDefinitionStoreException: Line 13 in XML document from class path resource [spring-servlet.xml] is invalid; nested ...
React报错：Element type is invalid：expected a string or a class/function
Always-Learning
04-21 1046
错误原因 大概是导入模块的时候出现了错误，可以尝试定位到import看看是否导入错误
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() { ...
react报错Element type is invalid: expected a string (for built-in components) or a class/function (for
youyou_LIN的博客
05-04 8563
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...
Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/func
知识改变一切
10-22 6214
import { CircularProgress } from '@material-ui/core/CircularProgress' 该成 import  CircularProgress  from '@material-ui/core/CircularProgress'
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for
weixin_45538554的博客
06-17 1373
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/fu
qq_62449212的博客
11-20 919
报错详情如下 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 from the file it's defined in, or you might have mixed
解决由于export，import错误导致的元素类型无效【Element type is invalid】
weixin_33785972的博客
02-05 1257
前些日子做项目时有一个报错，虽然解决了，但是对于导致的原因，还是一知半解。今天突然发现一篇博客，大受启发，决定将这个问题系统的总结一下。 报错信息： 提示元素类型无效，可能是忘记从你定义的文件中导出来组件，或者是你弄混了要导入的组件的默认名字，没有和你导入时的名字相对应。 解决方式： 1：在导出文件中使用export class 组件类名...
RN常见错误之Element type is invalid
suyie007的博客
04-27 2845
Element type is invalid，一般这种错误为写错关键词 大小写了，主要查看拼写
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值