2016-07-29 99 views
1

我在EmberJs"Hello World"印刷书写第一个程序,但得到的错误。有人可以帮我吗?的Hello World在EmberJs错误

HTML

<html> 
<head> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.7.0/ember.min.js"></script> 
    <script> 
     App = Ember.Application.create(); 
     App.Router.map(function() { 
     this.resource('index', { path: '/' }, function() {}); 
     this.resource('hi', { path: '/hi' }, function() {}); 
     }); 
    </script> 
    <script type="text/x-handlebars" data-template-name='index'> 
     <p>index!</p> 
     <p>{{#linkTo hi}}hi{{/linkTo}}</p> 
    </script> 
    <script type="text/x-handlebars" data-template-name='hi'> 
     hello world! 
    </script> 
</head> 
<body> 
</body> 
</html> 

错误

enter image description here

+1

从Ember 2开始,开发Ember应用程序的首选方法是使用[ember-cli](https://ember-cli.com/)工作流,通过包含所有必需的东西来防止这种错误建立你的项目。 [汤姆戴尔(http://stackoverflow.com/users/926126/tom-dale)中提到了这一点[之路灰烬2.0 RFC(https://github.com/emberjs/rfcs/pull/15 )。 我想你应该在灰烬环境你的第一个步骤,看看[灰烬快速启动(https://guides.emberjs.com/v2.7.0/getting-started/quick-start/),它涵盖_Hello world_应用程序的所有内容。 – damienc

回答

1

您需要包括烬模板编译器,而不是把手:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.7.0/ember.min.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.7.0/ember-template-compiler.js"></script> 

您也不能使用linkTo帮手,因为它已被弃用,这就是为什么你会得到另一个错误。这里的working fiddle.

+0

仍然收到错误:“ember.min.js:5 Uncaught TypeError:无法读取未定义的属性'isHelperInstance'。是否可以共享工作小提琴? – Deadpool

+0

答复已更新。 –