Question

即使我已经在我的html中定义了模板，我也收到了这个错误，我遗漏了一些东西。 Error in my console

的index.html

<template name="navbar">
  <nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
       <a class="navbar-brand" href="#">TextCircle</a>
       <ul class="nav navbar-nav">
         <li>
            <a href="#" class="js-add-doc">
             <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
              new Document
            </a>
         </li>

       </ul>
       <p class="navbar-text navbar-right">{{> loginButtons}}</p>
     </div>
   </nav>
</template>

main.js

Template.navbar.events({
     "click .js-add-doc":function(event){
        event.preventDefault();
         console.log("add new doc");
      }
});

我错过了什么？

Answer 1

您的main.js文件正在服务器端（或服务器和客户端）加载，但Template仅在客户端可用。有关详细信息，请阅读this 此外，由于 Meteor 1.3 ，建议您在this example之后构建应用。

Answer 2

尝试将文件放入流星结构的客户端文件夹中。

if(Meteor.isClient){
  Template.navbar.events({
     "click .js-add-doc":function(event){
        event.preventDefault();
         console.log("add new doc");
      }
   });
}

即使已经定义了模板，流星中的模板引用错误也是如此

2 个答案: