2017-03-05 63 views
0

即使我已經在我的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"); 
     } 
}); 

我缺少什麼?

+0

哪裏是你的'main.js'文件?它似乎是加載在服務器端(或者服務器端和客戶端端)。 – sonlexqt

+0

我的main.js位於根文件夾中,這可能是問題嗎? –

+0

解決了這個問題,你可以粘貼它作爲答案,所以我可以標記爲答案,因爲別人遇到相同的問題 –

回答

0

您的main.js文件正在服務器端加載(或兩個服務器都是&客戶端),但Template僅在客戶端可用。欲瞭解更多信息,請閱讀this
此外,由於流星1.3它建議您構建您的應用程序後this example

0

嘗試它或將您的文件放入流星結構的客戶端文件夾中。

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