I am starting with Ember and just following this tutorial. I downloaded the last source from Ember.js web and I have the following code:
HTML
<!doctype html>
<html>
<head>
<script src="js/libs/jquery-1.7.2.min.js"></script>
<script src="js/libs/ember-1.0.0-pre.2.min.js"></script>
<script src="js/libs/handlebars-1.0.0.beta.6.js"></script>
<script src="js/app.js"></script>
</head>
<script type="text/x-handlebars" data-template-name="application">
Test
</script>
</html>
app.js
App = Em.Application.create();
App.ApplicationView = Em.View.extend({
templateName: 'application'
});
App.ApplicationController = Em.Controller.extend();
App.Router = Em.Router.extend({
root: Em.Route.extend({
index: Em.Route.extend({
route: '/'
})
})
});
App.initialize();
It seems a pretty simple example, but I fail to see these two things:
1) Why the source of ember gives me this error:
Uncaught TypeError: Object prototype may only be an Object or null
On line 18 of the ember code.
2) Why I keep getting this uncaught error, if I have defined the template:
Uncaught Error: <App.ApplicationView:ember143> - Unable to find template "application".
Try putting the application template before handlebars.
<!doctype html>
<html>
<head>
<script type="text/x-handlebars" data-template-name="application">
Test
</script>
<script src="js/libs/jquery-1.7.2.min.js"></script>
<script src="js/libs/handlebars-1.0.0.beta.6.js"></script>
<script src="js/libs/ember-1.0.0-pre.2.min.js"></script>
<script src="js/app.js"></script>
</head>
</html>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With