Question

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

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

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

此代码放在＆＃34; myapp / shared / collections.js＆＃34;中。（将它们单独放置以处理我将为其他图形添加的所有其他集合）

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

此代码位于＆＃34; myapp / server / publish.js＆＃34;

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

Answer 2

在官方meteor.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
});

正如您所看到的，我的代码并未使用导入，但无论如何都需要导入。

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

2 个答案: