无法获得Ember教程以使用把手

时间:2014-05-28 20:50:41

标签: ember.js

所以我试图学习Ember,当我在他们的网站上tutorial工作时,我被卡在身体标签后面加上<script type="text/x-handlebars" data-template-name="todos">的地方并关闭它在最后。这是我的HTML:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Ember.js • TodoMVC</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>

   <script type="text/x-handlebars" data-template-name="todos">

  <section id="todoapp">
    <header id="header">
      <h1>todos</h1>
      <input type="text" id="new-todo" placeholder="What needs to be done?" />
    </header>

      <section id="main">
        <ul id="todo-list">
          <li class="completed">
            <input type="checkbox" class="toggle">
            <label>Learn Ember.js</label><button class="destroy"></button>
          </li>
          <li>
            <input type="checkbox" class="toggle">
            <label>...</label><button class="destroy"></button>
          </li>
          <li>
            <input type="checkbox" class="toggle">
            <label>Profit!</label><button class="destroy"></button>
          </li>
        </ul>

        <input type="checkbox" id="toggle-all">
      </section>

      <footer id="footer">
        <span id="todo-count">
          <strong>2</strong> todos left</span>
        <ul id="filters">
          <li>
            <a href="all" class="selected">All</a>
          </li>
          <li>
            <a href="active">Active</a>
          </li>
          <li>
            <a href="completed">Completed</a>
          </li>
        </ul>

        <button id="clear-completed">
          Clear completed (1)
        </button>
      </footer>
  </section>

  <footer id="info">
    <p>Double-click to edit a todo</p>
  </footer>
  </script>
   <script src="js/libs/jquery-1.10.2.min.js"></script>
  <script src="js/libs/handlebars-v1.3.0.js"></script>
  <script src="js/libs/ember.js"></script>
  <script src="js/libs/ember-data.js"></script>
  <script src="js/application.js"></script>
  <script src="js/router.js"></script>
  <script src="js/models/todo.js"></script>
  </body>
</html>

我直接从网页上复制,除了将把手文件名改为我的名字。我知道这些链接是有效的,所有这些都经过,我在Eclipse中检查过。当我省略把手脚本标签时,它工作正常,只有在我添加问题后才会出现。我看过this question,但两个答案都没有效果。本教程所需的其他javascript文件都是逐字逐句的,因此它们也可以正常工作。

我注意到的一件事:在某些时候(我似乎与我所做的任何事情无关)我从JavaScript语言服务中获得以下输出:

  

参考文件&#39;〜/ Scripts / _references.js&#39;没找到。

我不确切地知道这意味着什么,但看起来它可能是问题的根源

编辑:

路由器:

Todos.Router.map(function(){
    this.resource('todos', {path: '/'});
});

应用:

window.Todos = Ember.Application.create();

TODO:

Todos.Todo = DS.Model.extend({
    title: DS.attr('string'), isCompleted: DS.attr('boolean')
});

1 个答案:

答案 0 :(得分:0)

只是一个建议,请检查您使用的把手上的哪个版本,不支持把手3.0。

尝试使用此入门套件时可能会出现兼容性问题 https://github.com/emberjs/starter-kit/releases/tag/v1.1.2