我试着检查了其他帖子,上面写着看到了同样的错误信息,但是没有一个符合我的上下文。我是新来的ReactJS,我正在我自己的项目。所以,我创建了两个文件index.html和js/index.js。
“index.html”文件包含以下代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--<link rel="stylesheet" type="text/css" href="css/style.css"/>-->
<title>Profile</title>
<script crossorigin src="https://unpkg.com/react@15/dist/react.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@15/dist/react-dom.min.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
</head>
<body>
<div id="app">
</div>
</body>
<script src = "js/index.js" type="text/babel"></script>
</html>
“js/index.js”文件包含:
class Card extends React.component{
render(){
return(
<div className="card">
<div className="imagebox">
<img src = "2.jpg"/>
</div>
<div className = "biobox">
<p>Display Name</p>
<p>Username</p>
<p>Location</p>
</div>
<div>
<p>Updates</p>
</div>
</div>
)
}
}
ReactDOM.render(
<Card />, document.getElementById('app')
);
我不知道这个代码有什么问题,我得到了错误。
刚刚发现错误在'index.js'文件中。守则应该是:
class Card extends React.Component{}
问题内容: 我正在使用reactjs。 当我在浏览器下面运行代码时: 未捕获的TypeError:超级表达式必须为null或函数,且未定义 关于任何错误的任何暗示将不胜感激。 首先是用于编译代码的行: 和代码: 更新:在针对此问题的地狱之火中燃烧了三天后,我发现我没有使用最新版本的react。 全局安装: 在本地安装: 确保浏览器也使用正确的版本: 希望这可以为他人节省三天的宝贵生命。 问题答案:
我一直在学习udemy的课程,但无论我做什么,都会出现一个错误: 以下是组件代码: 下面是我要导入的图表组件: 但显然是反应。组件未定义,所以它会抛出一个错误。
当我执行npm运行构建并从构建文件夹运行index.html时,我得到一个错误:未捕获的类型错误:超级表达式必须为空或函数 当我在开发服务器上启动应用程序时,它工作得很好。 源代码:弹出窗口: RegForm: *我从源代码中删除了js函数的一部分。 我做错了什么?
跟踪这个问题的问题无法解决我的问题。 reactjs给出错误未捕获类型错误:超级表达式必须为空或函数,而不是未定义 我的反应版本是"^15.3.1"。 我添加了下面的代码片段
问题内容: 我使用React编写此演示。我使用Webpack来构建此演示。启动此演示时,错误将显示给我。 错误: 未捕获的TypeError:超级表达式必须为null或函数,且未定义 我不知道该怎么解决。 问题答案: 代码中的唯一警告是由于您没有扩展正确的类,而需要扩展。
我正在尝试为我不喜欢反复做的事情扩展React组件,