流星 - 插入失败：找不到方法

Question

我的 Meteor 的 JS 文件有问题。当我尝试将任何数据插入数据库并反映在图表上时，我收到此错误“插入失败：找不到方法”。我试过直接从数据库中获取数据，但也没有用…… 提前谢谢。

LinePeople = new Mongo.Collection("LinePeople");
function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

if (Meteor.isClient) {
    console.log("in LIne Client");

    //LinePeople = new Mongo.Collection(null);

    Template.linenvd3.rendered = function() {
        var chart = nv.models.lineChart()
            .margin({left: 80})  //Adjust chart margins to give the x-axis some breathing room.
            .useInteractiveGuideline(true)  //We want nice looking tooltips and a guideline!
            .transitionDuration(350)  //how fast do you want the lines to transition?
            .showLegend(true)       //Show the legend, allowing users to turn on/off line series.
            .showYAxis(true)        //Show the y-axis
            .showXAxis(true)        //Show the x-axis
        ;

        nv.addGraph(function() {
            chart.xAxis.axisLabel('Person number').tickFormat(d3.format('d'));
            chart.yAxis.axisLabel('Age (years)').tickFormat(d3.format('d'));
            d3.select('#lineChart svg').datum(
                [{ values: LinePeople.find().fetch(), key: 'Age' }]
            ).call(chart);
            nv.utils.windowResize(function() { chart.update() });
            return chart;
        });

        Deps.autorun(function () {
            d3.select('#lineChart svg').datum(
                [{ values: LinePeople.find().fetch(), key: 'Age' }]
            ).call(chart);
            chart.update();
        });
    };

    Template.linenvd3.events({
        'click #addDataButton': function() {

            console.log(" in line addButton");

            var age = getRandomInt(13, 89);
            var lastPerson = LinePeople.findOne({}, {fields:{x:1},sort:{x:-1},limit:1,reactive:false});
            if (lastPerson) {
                console.log(" in lastPerson.. if block");
                LinePeople.insert({x:(lastPerson.x + 1), y:age});
            } else {
                console.log(" in lastPerson.. else block");
                LinePeople.insert({x:1, y:age});
            }
        },
        'click #removeDataButton': function() {
            console.log(" in line removeButton");
            var lastPerson = LinePeople.findOne({}, {fields:{x:1},sort:{x:-1},limit:1,reactive:false});
            if (lastPerson) {
                LinePeople.remove(lastPerson._id);
            }
        }
    });
}

if (Meteor.isServer) {
    console.log("in line Server");

}

Answer 1

在关注流星.js 官方网站上的入门教程时，我在打开自动发布时遇到了同样的问题。

原来问题是我在 imports/ 文件夹中创建了我的 Tasks 集合。因此它没有被隐式导入到服务器上。

我必须在服务器上显式导入它才能解决问题。

server/main.js

import { Meteor } from 'meteor/meteor';
import '../imports/api/tasks.js';

Meteor.startup(() => {  
  // code to run on server at startup
});

如您所见，我的代码没有使用导入，但无论如何都是必需的。

Answer 2

感谢您的帮助...实际上，我通过发布集合并授予它一些权限来实现它：

此代码位于“myapp/shared/collections.js”中。 （将它们分开放置以处理我将为其他图表添加的所有其他集合）

lineVar = new Meteor.Collection("linenvd3");
lineVar.allow({
         insert: function () {
         return true;
         },
         update: function () {
         return true;
         },
         remove: function () {
         return true;
         }
         });

这段代码放在“myapp/server/publish.js”中

Meteor.publish('line', function () {
           return lineVar.find();
           });

然后，这是经过修改的 Javascript，看起来更简单、更全面。

if (Meteor.isClient) {
Meteor.subscribe('line');
Template.linenvd3.rendered = function() {

    var chart = nv.models.lineChart()
      .margin({left: 80})
      .useInteractiveGuideline(true)
      .transitionDuration(350)
      .showLegend(true)
      .showYAxis(true)        //Show the y-axis
      .showXAxis(true)        //Show the x-axis
    ;

    nv.addGraph(function() {
          chart.xAxis.axisLabel('Person number').tickFormat(d3.format('d'));
          chart.yAxis.axisLabel('Age (years)').tickFormat(d3.format('d'));
          d3.select('#lineChart svg').datum(
            [{ values: lineVar.find().fetch(), key: 'Age' }]
          ).call(chart);
          nv.utils.windowResize(function() { chart.update() });
          return chart;
    });

    Deps.autorun(function () {
          d3.select('#lineChart svg').datum(
            [{ values: lineVar.find().fetch(), key: 'Age' }]).call(chart);
          chart.update();
    });
};
}