为什么此模板助手会产生错误但仍然有效?

时间:2015-10-27 13:05:17

标签: javascript meteor meteor-blaze

我从Meteor中的一个模板帮助程序中获取异常 - 即使我看到我的日志也没问题。

Template.DashboardHeader.helpers({
  avatar: function () {
    if (Meteor.user().profile.image){
      console.log('yea');
    } else {
      console.log('nah');
    }
  }
})

我最终会使用它来投放头像,具体取决于用户是否在其帐户中设置了一个头像。帮助程序实际上可以按照您的预期工作,并根据情况记录正确的输出,但是无论何时运行,我都会遇到这个无用的例外:

  

模板助手中的异常:.avatar @ http://localhost:3000/client/master.js?86599d1d506dfe7d57211f3faa8757db9ba5cb81:16:9
  BlazeProvider.helpers / HTTP://本地主机:3000 /包/ meteorhacks_kadira-debug.js ee5ca93234e8f5b94a8e5560eb5ea8b7fcbb9c4d:339:26个
   ... 很多以后更多行......
  Tracker._runFlush@http://localhost:3000/packages/tracker.js?6d0890939291d9780f7e2607ee3af3e7f98a3d9c:485:9   onGlobalMessage @ http://localhost:3000/packages/meteor.js?43b7958c1598803e94014f27f5f622b0bddc0aaf:372:11

鉴于它并没有真正告诉我任何事情(我可以​​看到/理解),我不确定要排除故障!

这是模板代码(简化):

<template name="DashboardHeader">
  <img id="user-img" src="{{ avatar }}" alt="{{ currentUser.profile.name }}" width="34px" height="34px" />
</template>

虽然在模板标记中放置{{ avatar }}的任何地方都会触发异常。但是,如果模板中没有,则不会触发。所以它似乎与助手本身的关系不如它的应用方式。

任何人都知道该怎么做?

1 个答案:

答案 0 :(得分:2)

这种错误(控制台中的巨大异常,但数据出现在模板中)通常是由于被动依赖为undefined并被查询。

采用以下示例:

Template.myTemplate.helpers({
  'name' : () => MyCollection.findOne().name
})

根据数据可用性或订阅策略,上述内容可能会引发异常,因为MyCollection.findOne()在首次调用时为undefined。 但是,一旦数据可用(订阅启动),仍会显示正确的输出。 findOne使其依赖项(包括帮助程序)无效,并且因为name现在存在,它将显示在模板中。

在您的情况下,这意味着首次调用时Meteor.user()Meteor.user().profile未定义。

要轻松解决,您可以使用一些short-circuiting

//Will return undefined if findOne() is undefined
() => (MyCollection.findOne() && MyCollection.findOne().name)

当然,还有其他方法可以实施此类undefined检查。

您似乎也在使用Firefox 在某些浏览器上,Meteor没有错误原因而发出hideous stack traces

在Chrome上,我的例子就是这样的错误:

  

模板助手中的异常:TypeError:无法读取未定义的属性“name”   在(... stacktrace ...)

因此,当您看到巨大的无法理解的字符串连接堆栈跟踪时,请检查您是否可以在其他浏览器上获得更多有用信息。

我已在MeteorPad上构建了此行为的完整演示。