Meteor.Error 不显示任何内容

Question

我正在验证 meteor 应用程序中的某些表单输入，并尝试使用 Meteor.Error 当字段验证失败时将一些信息返回给用户(就像在显微镜中所做的那样)。但是，浏览器上没有显示任何内容(但是确实会向控制台抛出错误)。

  if(!firstN)                                                                                           |e</label>
    {                                                                                                     |      <div class="col-sm-10">
      console.log("No first name given");                                                                 |        <input type="text" class="form-control" id="
      throw new Meteor.Error(422, 'Please provide a First Name');                                         |lname" placeholder = "Required"/>
    }                                                                                                     |      </div>
    if(!lastN)                                                                                            |    </div>
    {                                                                                                     |    <div class="form-group">
      console.log("No last name given");                                                                  |      <label class="col-sm-2 control-label">Email</l
      throw new Meteor.Error(422, 'Please provide a Last Name');                                          |abel>
    }                                                                                                     |      <div class="col-sm-10">
    if(!emailAdd)                                                                                         |        <input type="email" class="form-control" id=
    {                                                                                                     |"email" placeholder = "Required"/>
      console.log("No email address given");                                                              |      </div>
      throw new Meteor.Error(422, 'Please provide an Email Address');                                     |    </div>
    }                                                                                                     |    <div class="form-group">
    if(!message)                                                                                          |      <label class="col-sm-2 control-label">Phone Nu
    {                                                                                                     |mber</label>
      console.log("No mesage text given");                                                                |      <div class="col-sm-10">
      throw new Meteor.Error(422, 'Please provide a message');                                            |        <input type="tel" class="form-control" id="p
    }

我不确定为什么页面上没有显示任何内容。我想这可能是因为我没有安装错误的陨石包，但是安装了之后什么都没有改变。

有什么想法吗？如果重要的话，我正在使用 bootstrap-3。

塔

彼得。

Answer 1

您必须使用 try/catch block 实际捕获错误。在您的 catch block 中，您可以向用户显示消息。否则，错误将被记录到控制台，并且 JavaScript 执行将停止(您是否曾经遇到过程序崩溃并显示错误窗口，显示“引发了未捕获异常”？)。例如，您可以执行以下操作:

try {
  validateInput();
} catch( e ) {
  Session.set( "errorMessage", e.message );
}

在你的模板助手中:

Template.myForm.errorMessage = function() {
  return Session.get( "errorMessage" );
};

在你的模板中:

<template name="myForm">
  <form>
    <p class="error">{{errorMessage}}</p>
    <!-- more form stuff -->
  </form>
</template>

更新:

还有另一种方法可以使用Meteor.Error。如果您从服务器上的方法中抛出错误，它将把错误对象返回给客户端的方法回调，并且您不需要使用 try/catch block 。例如:

Meteor.methods({
  foo: function( bar ) {
    if ( bar === "baz" ) {
      return true;
    } else if ( bar === "qux" ) {
      return false;
    } else {
      throw new Meteor.Error( "bah humbug" );
    }
  }
});

if ( Meteor.isClient ) {
  Meteor.call( "foo", function( error, result ) {
    // We didn't provide a `bar` argument, so the method will throw an error.
    // We can handle the error in this callback (no try/catch needed)
  });
}

如果您查看 Microscope 代码，您会发现它们仅在方法内使用 Meteor.Error。这确实是 Meteor.Error 的主要目的 - Meteor 知道如何将这种错误发送给客户端。如果你在客户端抛出错误，你可以使用内置的 JavaScript Error:

throw new Error( "message" );

在服务器内部，Meteor 使用 try/catch block 来捕获 Meteor.Error 并将其返回给客户端。