Invalid component element. Instead of passing a string like 'div', pass React.createElement('div')

最新推荐文章于 2025-06-20 07:45:00 发布

最新推荐文章于 2025-06-20 07:45:00 发布 · 354 阅读

文章标签：

#javascript #ViewUI

本文介绍了一个常见的 React 开发中遇到的问题：使用 ReactDOM.render() 方法时出现 Uncaught Invariant Violation 错误的情况。文章详细解释了错误产生的原因，并提供了具体的解决方案。

1、错误描述

Uncaught Invariant Violation: ReactDOM.render(): Invalid component element. Instead of passing a string like 'div', pass React.createElement('div') or <div />.

2、错误原因

3、解决办法

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_8264

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

react - Ant Design Pro 报错Warning: React.createElement: type is invalid – expected a string (for buil

高级前端工程师

02-01

2976

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 comparison: java.util.Date and java.lang.String

猿小白的博客

03-17

3219

在使用mysql查询的时候，报的这个错误。 invalid comparison: java.util.Date and java.lang.String 一、原因分析 <if test="createTime != null and createTime!=''">and create_time=#{createTime}</if> 二、解决办法在mybatis 3.3.0，对于时间参数进行比较时的一个bug. 如果拿传入的时间类型参数与字符串进行对比判断则.

参与评论您还未登录，请先登录后发表或查看评论

Python中有关str的部分操作

FBIJZC的博客

04-30

330

趁着五一放假，终于有机会系统的整理一下Python的知识点了，这是一天的成果

引入react文件报错_react.js引入router文件后报错

weixin_39548776的博客

12-20

403

我是一个初学者，目前遇到一个问题，没能定位问题的原因和解决从router.js文件导出 RouteConfig我的路由文件如下：router.jsimport React from 'react';import { BrowserRouter, Route } from 'react-router-dom'/* 引入容器组件 */import Main from './views/index';i...

React报错

rainbow的博客

01-29

1309

React报错欢迎使用Markdown编辑器报错1：Uncaught Invariant Violation（未捕获的变量违规）欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。报错1：Uncaught Invariant Violation（未捕获的变量违规）报错内容： react-dom.development.js:49 Uncaught

ReactDOM.render() 无法渲染问题

qq_39636712的博客

02-05

3559

描述：我是一名后台开发工程师，算是react小白，按照学习资料，进入渲染页面环节，发现npm start 没有刷新出来我要打印的东西，顿时头疼。也不知道该如何打印出来。搜索了很多文章并未找到合理的解释。最后在一篇文章中安装了一个webpack得以解决，但是我不明白为什么。是什么原理导致了无法渲染出来。我查看了webpack是干嘛的，但是还是不能理解，为什么渲染不出来，本篇主要希望大神指点，请留言！ 1、我的解决办法终端执行：npm i webpack -g 2、代码 index.js import Rea

【React】ReactDOM.render源码分析

橙煦媛的博客

08-04

5268

这是一个hello world，你造咩ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example') );ReactDOM.render()实际调用ReactMount.render() /** * @param {ReactElement} nextElement 要插入到DOM中的组件

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a

前端高薪进击手记

03-09

1050

意思是说：v5版本的 react-router-config 包中的所有方法都已经被迁移到了react-router 版本的core核心代码中. 如果你偏向于或者需要把路由定义成JavaScript对象而不是react组件的话，那么你会爱上这种方式，也就是使用useRoutes 方法。这个错误提示是我在配配react的SSR中为了支持路由而报的错误提示。这个错误提示有点奇怪，不是完全的Error提示，而是Warning。万万没想到，搞了我懵逼一天的竟然是一个版本问题。

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

all_might1的博客

03-10

2210

目录一、问题描述二、问题原因分析三、问题解决四、总结一、问题描述今天写新需求的时候，老js文件中动辄几千行，前人把好多东西都揉在一起。想着新功能就写在新的js文件中好了。于是引用了新的js文件，可是报出了如下错误二、问题原因分析隐约知道应该是引入方面或者是导出方面的问题，但是也没有准确定位到在哪里有问题最后在网上检索了下相关问题，好像也不是很沾边于是又看了看代码，很明显发现ctrl点击的时候不跳转，鼠标悬浮其上出现的信息有问题。那就一定是引..

API Streaming Failed 400 ＜400＞InternalError.Algo.InvalidParameter input content must be a string解决方案

热门推荐

高山上的鱼

04-01

16万+

问题1：首先必须在键名后面添加一个空格，否则报错 Module build failed: YAMLException: can notread a block mapping entry; a multiline key may not be an implicit key at line6, column 1: 必须是如：name :'Hello world!' 还有一个可能，如下

react常见错误解决

编译的阿喵

06-18

2万+

最近在做react项目的时候遇到了几个报错，这几个报错在react项目还算常见，因此记录下来解决方法。 ’type’ is missing in props validation 报错：type缺少props验证解决： 1.查看下propTypes是否写成大写了，因为我们引入的时候是大写的，所以很多小伙伴可能直接复制过来就成大写了，也会报错哦 2.新增type: PropTypes.numbe...

react.js:20157 Uncaught Invariant Violation: _registerComponent(...): Target container is not a DOM

牛栏山矿泉水

09-18

1300

1、错误描述 react.js:20157 Uncaught Invariant Violation: _registerComponent(...): Target container is not a DOM element. 2、错误原因 <script> var ea = React.createClass({ render: function() { ...

彻底解决'Invalid controller specified'（转载）

myhonghx的专栏

04-15

6693

<br />这几天学习zend，卡在了'Invalid controller specified'的问题上，我不是个随便放弃的人，所以我还是要刨根问底，下面是我这几天通过查手册，做实验得出的解决'Invalid controller specified'错误的几种方法。<br /> <br />首先是这个错误的起因，这个错误其实来源特别简单：<br />如果请求一个无效的控制器，Zend_Controller_Dispatcher::dispatch() 默认会抛出一个异常。就是没有找到对应的请求控制器，或

Invalid hook call. Hooks can only be called inside of the body of a function component.

09-21

Hooks can only be called inside of the body of a function component 是一个 React 错误信息。它表示你在一个非函数组件的地方调用了 React 的钩子函数。React 的钩子函数只能在函数组件的内部使用。解决这个...