模板助手中的异常：TypeError：无法读取未定义的属性“mergedSchema”

Question

我是流星新手。我正在为 quickForm 使用简单的模式并收到此错误。 模板助手中的异常：TypeError：无法读取未定义的属性“mergedSchema”

ma​​in.html

<template name="hello">
  <button>Click Me</button>
  <p>You've pressed the button {{counter}} times.</p>
  {{> quickForm collection="Books" id="bookUpdateForm" type="insert"}}    

</template>

ma​​in.js

import './hello.html';    
import { Books } from '../../../api/links/books.js';

 Template.hello.onCreated(function () {
     Meteor.subscribe('books');
 });

集合 JS

import SimpleSchema from 'simpl-schema';
export const Books = new Mongo.Collection("books");
const Book = new SimpleSchema({
title: {
    type: String,
    label: "Title",
    max: 200
},
author: {
    type: String,
    label: "Author"
},
copies: {
    type: SimpleSchema.Integer,
    label: "Number of copies",
    min: 0
},
lastCheckedOut: {
    type: Date,
    label: "Last date this book was checked out",
    optional: true
},
summary: {
    type: String,
    label: "Brief summary",
    optional: true,
    max: 1000
}

});

Books.attachSchema(Book);

Answer 1

有一个错字导致跟进错误。您的收藏名为"books"，但您将"Books" 传递给您的quickForm。因为AutoForm 在全局范围内找不到任何名为"Books" 的集合，所以会抛出错误。

这种方法还假设Books 在窗口范围内。

如果你是 JS 新手，那么你可以先了解一下作用域和窗口作用域：

https://developer.mozilla.org/en-US/docs/Glossary/Scope

https://developer.mozilla.org/en-US/docs/Web/API/Window

Why are global variables considered bad practice?

不易出错的模式

另一种方法是将Books 导入您的模板（正如您已经完成的那样）并将其提供给quickForm通过模板帮助程序：

ma​​in.html

<template name="hello">
  {{> quickForm collection=getCollection id="bookUpdateForm" type="insert"}}    
</template>

注意getCollection 基本上是在调用您在模板助手部分中定义的助手：

ma​​in.js

import './hello.html';    
import { Books } from '../../../api/links/books.js';

Template.hello.onCreated(function () {
    Meteor.subscribe('books');
});

Template.hello.helpers({
    getCollection() {
      return Books;
    }
});

通过这样做，您 a) 避免了窗口（全局）范围，b) 避免了由于拼写错误而导致的错误，因为您将对集合的引用直接传递给 quickForm。

集合 JS

import SimpleSchema from 'simpl-schema';
export const Books = new Mongo.Collection("books");
const Book = new SimpleSchema({
    title: {
        type: String,
        label: "Title",
        max: 200
    },
    author: {
        type: String,
        label: "Author"
    },
    copies: {
        type: SimpleSchema.Integer,
        label: "Number of copies",
        min: 0
    },
    lastCheckedOut: {
        type: Date,
        label: "Last date this book was checked out",
        optional: true
    },
    summary: {
        type: String,
        label: "Brief summary",
        optional: true,
        max: 1000
    }
});

Books.attachSchema(Book);