routing issue

app.js

@App = do(Backbone, Marionette) ->
  App = new Marionette.Application

  App.on "initialize:after", ->
    if Backbone.history
      Backbone.history.start(pushState: true)
  App

@App.start()

location_app.js

@App.module "LocationApp", (LocationApp, App, Backbone, Marionette, $, _) ->
  class LocationApp.Router extends Marionette.AppRouter
    appRoutes:
      "locations/:id" : "showLocation"

  API =
    showLocation: (id)->
      alert "mar works"
#      LocationApp.Show.Controller.showLocation(id)


  App.addInitializer ->
    new LocationApp.Router
      controller: API

Here's my App file:

  class App extends Marionette.Application
    channel: Backbone.Radio.channel 'application'

    config: {}

    onStart: ->
      Backbone.history.start pushState: true

And here's my index file:

  # Attach our application object to the window for easy access
  window.app = app = new App

  # Initialize the router
  app.router = new Router

  # Attach all of our views to the application object
  app.rootView = new RootView

  # Start the application
  app.start()