Difficulty using seperate template files in ember router with browserify

I've followed this tutorial http://kroltech.com/2013/12/boilerplate-web-app-using-backbone-js-expressjs-node-js-mongodb/ to set up my backend node.js server, but instead of using backbone-marionette for the frontend I want to try ember. Therefore, having successfully set up the server, I am now going through this tutorial for ember http://emberjs.com/guides/getting-started/.

The problem I'm running into is including external templates into my ember routes. With this code and the todos template written in the browser the app works fine.

var Ember = require('ember');

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

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

However, with a template written in ./templates/application.hbs and using browserify to try this,

Todos.Router.map(function() {
  this.resource(require('./templates/application.hbs'), { path: '/' });
});

I get the errors shown below.

Uncaught TypeError: undefined is not a function myapp.js:46841
Error: Assertion Failed: The URL '/' did not match any routes in your application
    at new Error (native)
    at Error.Ember.Error (http://localhost:3300/js/myapp.js:12978:19)
    at Object.Ember.assert (http://localhost:3300/js/myapp.js:12141:11)
    at http://localhost:3300/js/myapp.js:47347:15
    at invokeCallback (http://localhost:3300/js/myapp.js:22081:19)
    at publish (http://localhost:3300/js/myapp.js:21751:9)
    at publishRejection (http://localhost:3300/js/myapp.js:22179:7)
    at http://localhost:3300/js/myapp.js:30448:7
    at Object.DeferredActionQueues.flush (http://localhost:3300/js/myapp.js:18195:24)
    at Object.Backburner.end (http://localhost:3300/js/myapp.js:18283:27) myapp.js:15589
Uncaught Error: Assertion Failed: Error: Assertion Failed: The URL '/' did not match any routes in your application 

I was hoping someone could shed some light on how to include external templates in an ember router. Thanks!