Question

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

我正在他们的网站上做他们的Todo List App教程。

这是我得到的错误：

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);

有谁知道为什么会这样？这是我导入react-meteor-data的文件：

type_id

我对MEAN堆栈的东西真的很新，所以如果我做一些愚蠢的事情我会道歉。

Answer 1

我也遇到过同样的问题。如果重新启动流星服务器，它将正常工作。

Answer 2

尝试从导入中删除“ .js”。

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

Answer 3

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

我在React Meteor To-Do列表教程的步骤3.4中遇到了此错误。

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

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

TypeError：类扩展值undefined不是构造函数或null（React Meteor Data）

3 个答案: