React 0.14.2错误-超级表达式必须为null或函数

Question

从0.13.2更新到0.14.2后，我发现以下错误：

未捕获类型错误：超级表达式必须为null或函数，而不是对象

对此已经有几个问题了。最常见的错误是拼错React.component（没有大写字母C）。另一个是尝试使用ES6类的版本

但我已经成功地使用了带有React 0.13.x的ES6类，我在所有地方都使用大写字母C，并且记录React.Component似乎给出了一个合适的结果（函数ReactComponent（…）

经过一些搜索，我做了这3个测试用例，其中2个抛出了相同的错误（我不知道为什么），一个没有。似乎暗示类出现的顺序是一个问题？

测试1（抛出错误）

//Test.jsx
var React = require('react');
var ReactDOM = require('react-dom');
var BaseComponent = require('./BaseComponent');

class Test extends BaseComponent {
    render() { return <div>Test worked</div>; }
}
ReactDOM.render(<Test />, document.getElementById('test'));

//BaseComponent.jsx
var React = require('react');
console.log(React.Component); // <--- logs "function ReactComponent(...)" !!
export default class BaseComponent extends React.Component { }

测试2（将BaseComponent置于TEST.jsx中，仍然错误）

//Test.jsx
var React = require('react');
var ReactDOM = require('react-dom');
class Test extends BaseComponent { render() { return <div>Test worked</div>;     } }
class BaseComponent extends React.Component { }
ReactDOM.render(<Test />, document.getElementById('test'));

测试3（将BaseComponent置于测试类定义之上，没有错误！）

//Test.jsx
var React = require('react');
var ReactDOM = require('react-dom');
class BaseComponent extends React.Component { }
class Test extends BaseComponent { render() { return <div>Test worked</div>;     } }
ReactDOM.render(<Test />, document.getElementById('test'));

我甚至不确定这是否能解决我的实际问题。但是理解这些测试用例中发生的事情可能会帮助我找到解决方案。

我正在使用babel的webpack编译成一个包。

更新更改

export default class BaseComponent extends React.Component { }

到

class BaseComponent extends React.Component { }
module.exports = BaseComponent;

还删除了错误！这意味着我现在要重构它，但它不能解决问题，因为导出默认类应该可以正常工作

Answer 1

不久前我遇到了一个类似的问题，删除node_modules文件夹并重新安装所有对我有用的东西，也许你可以试试？

Answer 2

我找到了解决办法。这是因为巴别塔的变化，我也更新了。如果您使用：

export default class BaseComponent

您还需要使用导入而不是要求，因此：

import BaseComponent from './BaseComponent'

而不是

var BaseComponent = require('./BaseComponent')

使用这个正则表达式来替换它：替换：var（[\w-_]？）=需要\（'（[\w-_。\/] ?)'\）；与：导入1美元从'2美元'；