Meteor 1.3 autoform / quickform 错误

Question

我是 meteor 的新手，刚在 1.3 版之后到达。由于忽略了导入或导出，我一直在努力调试一些非常 "stupid" 的东西，因为大多数教程似乎都没有包含这些内容。所以下面的问题可能属于同一类型。

我想使用包 autoform，所以我刚刚添加了包。（之前也包含了 simple-schema 和 collection2）。

我遇到错误，模板无法加载。

这是我的模板

<template name="addItem">

 {{> quickForm collection="Items" id="addItemForm" type="insert" }}

</template>

我有我的addItem.js

import { Meteor } from 'meteor/meteor';
import { Template } from 'meteor/templating';
import { Mongo } from 'meteor/mongo';

import { Items } from '/imports/collections/itemCollection.js';

import './addItem.html';

Template.addItem.onCreated(function bodyOnCreated(){
 AutoForm.debug();
 Meteor.subscribe('items');
});
   
Template.addItem.helpers({
 Items() {
  return Items.find({});
 },
});

还有我的 itemCollection.js 文件

import { Mongo } from 'meteor/mongo';

export const Items = new Mongo.Collection('items');

Items.allow({
  insert: () => false,
  update: () => false,
  remove: () => false
});

Items.deny({
  insert: () => true,
  update: () => true,
  remove: () => true
});

Items.schema = new SimpleSchema({
 name : {type : String},
 supplier : {type : String},
 Viscosity : {type : Number},
 createdAt : {type : Date()},
 owner : {type: String},
});

Items.attachSchema(Items.schema);

这是我在 chrome 控制台中得到的错误：

Exception in template helper: Error: Items is not in the window scope
    at Object.lookup (http://localhost:3000/packages/aldeed_autoform.js?hash=5dbf44ff89f182bd8c2512330e170ef4d5bf9582:231:15)
    at setDefaults (http://localhost:3000/packages/aldeed_autoform.js?hash=5dbf44ff89f182bd8c2512330e170ef4d5bf9582:3013:41)
    at Object.AutoForm.parseData (http://localhost:3000/packages/aldeed_autoform.js?hash=5dbf44ff89f182bd8c2512330e170ef4d5bf9582:2771:10)
    at Object.quickFormContext (http://localhost:3000/packages/aldeed_autoform.js?hash=5dbf44ff89f182bd8c2512330e170ef4d5bf9582:6696:33)
    at http://localhost:3000/packages/blaze.js?hash=ef41aed769a8945fc99ac4954e8c9ec157a88cea:2994:16
    at http://localhost:3000/packages/blaze.js?hash=ef41aed769a8945fc99ac4954e8c9ec157a88cea:1653:16
    at http://localhost:3000/packages/blaze.js?hash=ef41aed769a8945fc99ac4954e8c9ec157a88cea:3046:66
    at Function.Template._withTemplateInstanceFunc (http://localhost:3000/packages/blaze.js?hash=ef41aed769a8945fc99ac4954e8c9ec157a88cea:3687:12)
    at http://localhost:3000/packages/blaze.js?hash=ef41aed769a8945fc99ac4954e8c9ec157a88cea:3045:27
    at Object.Spacebars.call (http://localhost:3000/packages/spacebars.js?hash=65db8b6a8e3fca189b416de702967b1cb83d57d5:172:18)
debug.js:41 Exception in defer callback: TypeError: Cannot read property 'id' of null
    at .<anonymous> (http://localhost:3000/packages/aldeed_autoform.js?hash=5dbf44ff89f182bd8c2512330e170ef4d5bf9582:6551:22)
    at http://localhost:3000/packages/blaze.js?hash=ef41aed769a8945fc99ac4954e8c9ec157a88cea:1875:20
    at Function.Template._withTemplateInstanceFunc (http://localhost:3000/packages/blaze.js?hash=ef41aed769a8945fc99ac4954e8c9ec157a88cea:3687:12)
    at http://localhost:3000/packages/blaze.js?hash=ef41aed769a8945fc99ac4954e8c9ec157a88cea:1873:29
    at Object.Blaze._withCurrentView (http://localhost:3000/packages/blaze.js?hash=ef41aed769a8945fc99ac4954e8c9ec157a88cea:2214:12)
    at viewAutorun (http://localhost:3000/packages/blaze.js?hash=ef41aed769a8945fc99ac4954e8c9ec157a88cea:1872:18)
    at Tracker.Computation._compute (http://localhost:3000/packages/tracker.js?hash=6f5d0f5486aaa54b0abe636174eeb06dcc2a736b:351:36)
    at new Tracker.Computation (http://localhost:3000/packages/tracker.js?hash=6f5d0f5486aaa54b0abe636174eeb06dcc2a736b:239:10)
    at Object.Tracker.autorun (http://localhost:3000/packages/tracker.js?hash=6f5d0f5486aaa54b0abe636174eeb06dcc2a736b:590:11)
    at Blaze.View.autorun (http://localhost:3000/packages/blaze.js?hash=ef41aed769a8945fc99ac4954e8c9ec157a88cea:1885:22)

有人可以帮忙告诉我哪里做错了吗？

Answer 1

尝试导入文件本身而不是仅导入 { Items }。我认为问题是，您只导入了集合，但未导入其附件。尝试

进口'imports/collections/itemCollections.js'；

而且，您不需要用于插入类型的辅助函数，它用于更新。

Answer 2

您可以通过实现一个 Meteor 模板助手来解决这个问题，该模板助手 returns 集合 Items 而不是游标，就像您目前所做的那样。

例如：

import {Items} from '/itemCollection.js';

Template.addItem.helpers({
    items() {
        return Items;
    }
});

<template name="addItem">
    {{> quickForm collection=items id="addItemForm" type="insert" }}
</template>

Answer 3

尝试添加 dburles:mongo-collection-helpers 并执行以下操作。

import {Mongo} from "meteor/mongo";
import {Template} from "meteor/templating";

Template.registerHelper('collection', function (name) {
  return Mongo.Collection.get(name);
});

然后这样做：

+autoform(
  id="some-form"
  collection=(collection 'items')
)

Answer 4

我的 collection 称为服务。

/imports/startup/client/index.js

import { Services } from '/imports/api/services/services.js';

window.Services = Services;

/client/main.js

import '/imports/startup/client';

Meteor 1.3 autoform / quickform 错误

Meteor 1.3 autoform / quickform error

javascript

html

meteor

meteor-autoform

quickform