TypeError:类扩展值未定义不是构造函数或空值(React Meteor Data)

Question

我在将 React Meteor 数据添加到我的 Meteor 项目时遇到错误。

我只是在他们的网站上做他们的待办事项列表应用程序教程。

这是我得到的错误：

TypeError: Class extends value undefined is not a constructor or null
at ReactMeteorData.jsx (packages/react-meteor-data/ReactMeteorData.jsx:162:36)
at fileEvaluate (packagesmodules-runtime.js:339:7)
at require (packagesmodules-runtime.js:238:16)
at createContainer.jsx (packages/react-meteor-data/createContainer.jsx:1:210)
at fileEvaluate (packagesmodules-runtime.js:339:7)
at require (packagesmodules-runtime.js:238:16)
at react-meteor-data.jsx (packages/react-meteor-data/react-meteor-data.jsx:1:139)
at fileEvaluate (packagesmodules-runtime.js:339:7)
at require (packagesmodules-runtime.js:238:16)
at C:simple-todos.meteorlocalbuildprogramsserverpackagesreact-meteor-data.js:330:15
at C:simple-todos.meteorlocalbuildprogramsserverpackagesreact-meteor-data.js:337:3
at C:simple-todos.meteorlocalbuildprogramsserverboot.js:411:36
at Array.forEach (<anonymous>)
at C:simple-todos.meteorlocalbuildprogramsserverboot.js:220:19
at C:simple-todos.meteorlocalbuildprogramsserverboot.js:471:5
at Function.run (C:simple-todos.meteorlocalbuildprogramsserverprofile.js:510:12)
Exited with code: 1
Your application is crashing. Waiting for file change.

有谁知道为什么会这样？这是我导入反应流星数据的文件：

import React, { Component } from 'react';
import { withTracker } from 'meteor/react-meteor-data';
import { Tasks } from '../api/tasks.js';
import Task from './Task.js';
// App component - represents the whole app
class App extends Component {
renderTasks() {
return this.props.tasks.map((task) => (
<Task key={task._id} task={task} />
));
}
render() {
return (
<div className="container">
<header>
<h1>Todo List</h1>
</header>
<ul>
{this.renderTasks()}
</ul>
</div>
);
}
}
export default withTracker(() => {
return {
tasks: Tasks.find({}).fetch(),
};  
})(App);

我真的是 MEAN 堆栈东西的新手，所以如果我在做一些愚蠢的事情，我深表歉意。

Answer 1

我也遇到了同样的问题。如果您重新启动流星服务器，它应该可以工作。

Answer 2

> 尝试从导入中删除".js"。

...
import { Tasks } from '../api/tasks';
import Task from './Task';
...

Answer 3

我重新启动了我的流星实例。之后错误消失了。

我在 React Meteor 待办事项列表教程的步骤 3.4 中遇到了此错误。

我的文件中的导入包含完全限定的名称，如下所示：

import { Tasks } from '../api/tasks.js';
import Task from './Task.js';