Como eu uso segmentos dinâmicos no roteador 2.2 do EmberJS?

Não consigo descobrir como criar rotas com segmentos dinâmicos na nova API do roteador para o EmberJS. Eu passei uma semana e tentei muitas coisas, mas não funciona. Estou muito frustrado comigo mesmo porque passei pela documentação, pela API e pelo código fonte muitas vezes e não consigo descobrir como fazer isso funcionar. Eu estou morrendo por ajuda.

Eu estou tentando alcançar as seguintes rotas:

/ profile /: userId -> index/ profile /: userId / activity -> página de atividade/ profile /: userId / ...

Meu roteador está configurado assim

App.Router.map(function() {
  return this.resource("profile", function() {
    this.route("index", { path: '/:userId' });
    this.route("activity", { path: '/:userId/activity' });
  });
});

Então, sempre que tento ligar-me aolinkTo helper, recebo o seguinte erro:Uncaught More objects were passed than dynamic segments

<li>{{#linkTo "profile.index" user}}overview{{/linkTo}}</li>

Se eu não incluir ouser objeto, então eu recebo outro erroUncaught Error: assertion failed: Cannot call get with 'id' on an undefined object. (obviamente porque não há nenhum objeto para pegar o ID)

Se for qualquer ajudante, aqui estão minhas declarações de rota

App.ProfileIndexRoute = Ember.Route.extend({
  model: function(params) {
    return Ember.Object.create({
      id: 1
    });
  },
  setupController: function(controller, model) {
    return controller.set("content", model);
  }
});

App.ProfileActivityRoute = Ember.Route.extend({
  model: function(params) {
    return Ember.Object.create({
      id: 1
    });
  },
  setupController: function(controller, model) {
    return controller.set("content", model);
  }
});

questionAnswers(1)

yourAnswerToTheQuestion