【React】报错：react.development.js:315 Warning: React.createElement: type is invalid。。。

最新推荐文章于 2023-09-21 22:04:06 发布
最新推荐文章于 2023-09-21 22:04:06 发布
阅读量1.9k 收藏 1
点赞数
分类专栏： React疑难杂症 文章标签： reactjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/all_might1/article/details/114634148
版权
本文介绍了在使用React开发时遇到的'React.createElement: type is invalid...'警告的解决过程。问题源于引用组件时的语法错误，通过检查并修改import语句，删除不必要的大括号，解决了组件无法正确加载的问题。详细解决方案和相关知识点也在文中进行了总结。
摘要由CSDN通过智能技术生成

目录

一、问题描述

二、问题原因分析

三、问题解决

四、总结

一、问题描述

今天写新需求的时候，老js文件由于需求复杂，有几千行。想着新功能就写在新的js文件中好了。

于是引用了新的js文件，可是报出了如下错误

二、问题原因分析

隐约知道应该是引入方面或者是导出方面的问题，但是也没有准确定位到在哪里有问题

最后在网上检索了下相关问题，好像也不是很沾边

于是又看了看代码，很明显发现ctrl点击的时候不跳转，鼠标悬浮其上出现的信息有问题。那就一定是引用有问题，就去看了import.

当时我是这样写的

<

最低0.47元/天 解锁文章
Fliessenn
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
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 1806
Warning: React.createElement: type is invalid – expected a string (for built-in components) or a class/function (for composite components) but got: object。中文就是：React 框架创建元素时，类型不合法。今天开发时，一个稳定的功能出现了下面的报错。
index.js:1 Warning: React.jsx: type is invalid -- expected a string (for built-in components)
weixin_64064932的博客
10-17 2421
React.jsx: type is invalid -- expected a string (for built-in components)
React.createElement: type is invalid -- expected a string (for built-in components) or a class/funct
qq_44796216的博客
09-15 8181
报错如下 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. Warning:
react 解决警告Warning: Each child in a list should have a unique “key” prop.
热门推荐
总结前端开发中遇到的问题，分享前端知识
06-02 4万+
报错： 解决办法： 基本都是因为在循环生成多个组件的时候，没有给组件加上key引起的，所以报错警告。。 此时我们需要循环生成多个组件中，加上key值（唯一值）那么就不会报错了。 示例： class App extends React.Component { state = { list: [1,2,3,4,5] } render() { const arr=this.state.list;
react-docx:用于DOCX.js的React Reconciler
05-22
react-docx react-docx是的React。为什么该库在很大程度上受到启发，可让您以可重用的组件以声明式的方式编写DOCX文档。 这不是包装器库，因此DOCX类被动态转换为React组件。局限性在当前的库早期阶段，由于DOCX.js...
react-dom.development.js
11-01
babel.min.js下载，react相关的js包文件，助你快速入门react的hello world demo，省去找资料的时间，快人一步！
intro.js-react:Intro.js React包装器
04-27
intro.jsReact 围绕小型React包装器。 包装器同时支持步骤和提示。 快速链接 例子 您可以找到一个小示例。 安装 使用Npm进行安装（如果仍然使用npm <5，请不要忘记添加--save选项） ： $ npm install intro.js-...
react-cytoscapejs:Cytoscape.js网络可视化的React组件
05-11
React细胞react-cytoscapejs软件包是MIT许可的组件，用于网络（或图形，如）的可视化。 该组件呈现一个图。 该组件的大多数道具是 。用法npmnpm install react-cytoscapejsnpm install cytoscape@3.x.y # your ...
react-recurly:对Recurly.js的React组件
04-29
递归React· 对React组件文献资料例子入门的一个好方法是尝试我们文档中的，并在GitHub上浏览。安装使用npm安装此软件包npm install @recurly/react-recurly 然后，通过我们的CDN在您的应用程序中包含recurly.js。 &...
1 Reactjs 深入JSX
dabusidede的博客
07-17 191
必须import React 因为 JSX 被编译为 React.createElement 的调用，所以 React 库必须在你 JSX 代码的作用域中。 例如，所有的 imports 在这段代码中都是必须的，虽然 React 和 CustomButton 并有直接从 JavaScript 中引用： import React from 'react'; import CustomButton from './CustomButton'; function WarningButton() { // re
Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a cl
datouniao1的博客
08-09 3997
React 项目出现这样错误： 原因是页面中使用的组件没有没有导出，比如： 解决办法： export default 相关组件 希望对有所帮助
React Router源码解析
Web_boom的博客
06-09 976
目标：希望收获前端路由一般提供两种匹配模式， hash 模式和 history 模式，二者的主要差别在于对 URL 监听部分的不同，hash 模式监听 URL 的 hash 部分，也就是 # 号后面部分的变化Hash 实现浏览器提供了事件帮助我们直接监听 hash 的变化，并根据匹配到的 hash 的不同来渲染不同的内容hash实现前端路由示例 History 实现history 模式相较于 hash 最直接的区别就是跳转的路由不带 # 号H5 新引入的和及事件（只会在浏览器的某些行为下触发，如点击回退
react报错 Warning: React.createElement: type is invalid . ..
weixin_34353714的博客
05-30 1928
报错说我可能类名定义错误或引入错误，我找了好久的原因都没有找到 因为我的输出是这样的： const mapStateToProps = ({ createProjectModal, organization }) => { // loading let current; if (organization) { ...
解决前端警告： Warning: Failed prop type: Invalid prop value of type number supplied to Textinput
who__are__you的博客
07-18 6461
Warning: Failed prop type: Invalid prop value of type number supplied to Textinput, expected string 使用antd-design-React 前端框架渲染Select.Option时，数据从父组件传下来，没次都报上面的警告，而且，只有第二个能正常显示， <Select defaultValue=record.defaultLink style={{ width: 120 }} bordered={fals
已解决 Bug: Warning: Failed prop type: Invalid prop ‘value‘ of type ‘number‘ supplied to ‘TextInput‘, e
最新发布
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
09-21 702
🐯 猫头虎博主在此，今天我们要聊聊一个前端领域的常见Bug。身为一名前端开发者，我相信你一定遇到过在React中使用TextInput时的类型警告。这是一个很普遍的问题，但很多新手可能不清楚原因。这篇文章将为你深入解析这个Bug的起因，并为你提供解决方案以及如何避免这种情况发生。React在类型安全方面为我们提供了很多工具和方法，但作为开发者，我们也需要注意和遵循这些规则。通过理解和采纳上述建议，我们可以避免很多不必要的错误和警告，提高开发效率和代码质量。
react 报错Warning: Failed prop type: Invalid prop `defaultValue` supplied to `Select`
water_Popcorn的博客
08-22 7301
错误描述：Warning: Failed prop type: Invalid prop `defaultValue` supplied to `Select` 我的错误解决： 错误的原因是我给defaultValue赋的值是int型，但是规范要求是String型， departId: departId.toString(), //to.String（）将其变成字符串型...
ReactJS报错 React createElement error type is invalid — expected a string ...
weixin_34006468的博客
04-17 1750
2019独角兽企业重金招聘Python工程师标准>>> ...
react报错Warning: Home.state: must be set to an object or null
07-08
这个错误是由于在React组件中使用了`state`，但是`state`的初始值不是一个对象或null引起的。在React中，组件的`state`应该始终是一个对象或null。 要解决这个问题，你可以检查`Home`组件中的`state`的初始化部分，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值