javascript - 一致するルートで起動する Backbone.js ルート ハンドラを取得できません

Question

私は、Organizing Backbone Using Modules チュートリアルに従っています。この記事が書かれて以来、依存関係の変更に対応するために必要ないくつかの微調整は別として、次の場合に .on() イベントを発生させることができません。ルートが一致します。

インデックス ルーターを見ると、アラートと console.log() が表示されます。ページの読み込み時にどちらも起動していません。jsエラーもありません。

どんな助けでも大歓迎です。

router.js

define([
  'jquery', 
  'underscore', 
  'backbone',
  'views/index',
  'views/ideas'
], function($, _, Backbone, IndexView, IdeasView) {

  var AppRouter = Backbone.Router.extend({
    '': 'index',
    '/ideas': 'showIdeas',
    '*actions': 'defaultAction'
  });

  var initialize = function() {

    console.log('this works so i know initialize() is being called');

    var app_router = new AppRouter;

    // not firing
    app_router.on('route:index', function() {
      alert('hi');
      console.log('hi');
      // var index_view = new IndexView();
      // index_view.render();
    });

    // not firing
    app_router.on('route:showIdeas', function() {
      console.log('showIdeas');
      var ideas_view = new IdeasView();
    });

    //not firing
    app_router.on('route:defaultAction', function(actions) {
      console.log('No route:', actions);
    });

    if (!Backbone.history.started ) {
      Backbone.history.start();
      console.log( "Route is " + Backbone.history.fragment );
    }
  };

  return {
    initialize: initialize
  };
});