我用的是ReactJS.

当我运行下面的代码时,浏览器会显示:

Uncaught TypeError: Super expression must either be null or a function, not undefined

任何关于问题所在的提示都将不胜感激.

首先是用于编译代码的行:

browserify -t reactify -t babelify examples/temp.jsx  -o examples/public/app.js

代码是:

var React = require('react');

class HelloMessage extends React.Component {
  render() {
    return <div>Hello </div>;
  }
}

更新:

Install globally:

sudo npm install -g react@0.13.2

install locally:

npm install react@0.13.2

make sure the browser is using the right version too:

<script type="text/javascript" src="react-0.13.2.js"></script>

希望这能拯救别人三天宝贵的生命.

推荐答案

Class Names

首先,如果您确定自己是从正确命名的类(例如React.Component)扩展而来,请不要做出react .组成或react .createComponent,您可能需要升级React版本.有关扩展课程的更多信息,请参见下面的答案.

Upgrade React

React自版本0.13.0以来只支持ES6风格的类(请参阅他们在support introduction here上的官方博客文章).

在此之前,当使用:

class HelloMessage extends React.Component

您试图使用ES6关键字(extends)从一个未使用ES6 class定义的类中创建子类.这可能就是你在super个定义中遇到奇怪行为的原因.

所以,是的,TL;DR-更新为react v0.13.x.

Circular Dependencies

如果有循环导入 struct ,也可能发生这种情况.一个模块导入另一个模块,另一个模块导入另一个模块.在这种情况下,您只需要重构代码来避免它.More info

Reactjs相关问答推荐

App.js中的H2组件不会动态呈现.这可能是什么问题?

如何使数据库数据在第一次呈现时显示?

使用REACT-RUTER-DOM链接仅更新一个搜索参数

在动态React组件中删除事件侦听器

如何在REACTIVE js中动态添加或删除输入字段?

在Reaction中导入';图片&文件夹时出错

悬停轴时重新绘制自定义参照线

在react上隐藏源映射

React 错误无法读取未定义的属性(读取id)#react

尽管所有页面在 Reactjs 中都是公开的,但始终导航到特定页面

Chakra UI:如何在选中状态下设置复选框 colored颜色

如何更新redux状态存在的输入框

Zod 验证模式根据另一个数组字段使字段成为必需字段

无法读取未定义的属性(读取值)...TypeError:无法读取未定义的属性(读取值)

React + Redux:数据未正确传递给具有动态路由的组件

Select 项目后 Select HeadlessUI 组合框中的所有文本?

页面加载时不显示数组中的数据

如何通过 Material ui select 使下拉菜单下拉

bootstrap 导航栏切换器在 reactjs 中不起作用

material uireact ,如何从表格中删除阴影?试图找到 api 但找不到正确的属性