博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
webpack中遇到的问题
阅读量:6305 次
发布时间:2019-06-22

本文共 873 字,大约阅读时间需要 2 分钟。

我的浏览器中错误提示:

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object.
error: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object.

查找了很多相关的资料,

1、其中有使用 import {XXX} from XXX 改成import XXX from XXX解决的;
2、有return跟“(”不在一行,编译后js加“;”,导致问题出现,解决就是讲return跟“(”位于一行即可;
其中主要的解决路径就是第一种方法。
而我的问题却跟这个是没有关系的,我是一个webpack、react以及babel的新手,所以开始的比较困难,我的问题在于在插件中使用render,后来通过别人才发现并且明白render是只能在入口文件被渲染,插件只要export出来就好。
看下我的插件写法:

var React = require('react');var ReactDOM = require('react-dom');class HelloMessage extends React.Component {  render() {    return 
Hello {this.props.name}
; }}ReactDOM.render(
,document.getElementById('root'));

解决方法是:把最后一行改成module.exports = HelloMessage;即可

转载地址:http://klixa.baihongyu.com/

你可能感兴趣的文章
人脸识别 开放书籍 下载地址
查看>>
Notepad++配置Python开发环境
查看>>
用户组概念 和 挂载 概念
查看>>
如何快速获取ADO连接字符串
查看>>
AspNetPager控件的最基本用法
查看>>
sessionKey
查看>>
高性能Javascript--脚本的无阻塞加载策略
查看>>
Java 编程的动态性, 第4部分: 用 Javassist 进行类转换--转载
查看>>
完毕port(CompletionPort)具体解释 - 手把手教你玩转网络编程系列之三
查看>>
iOS8 Push Notifications
查看>>
各大名企笔试及面经大全(程序猿必读)
查看>>
Oracle 连接、会话数的查看,修改
查看>>
Python使用QRCode模块生成二维码
查看>>
英语学习的重要性
查看>>
Android中Handler引起的内存泄露
查看>>
原产地政策,jsonp跨域
查看>>
HDU 1143 Tri Tiling(递归)
查看>>
ffmpeg参数具体解释
查看>>
记一次公司仓库数据库服务器死锁过程
查看>>
Oracle 11g password过期被锁定报道 ORA-28000 the account is locked
查看>>