title: EmberJS: Change path to access a route
body: <p>I have a <code>Router.map</code> defined to my application. I'm working with EmberJS AppKit architecture. <a href="https://github.com/stefanpenner/ember-app-kit" rel="nofollow">https://github.com/stefanpenner/ember-app-kit</a></p>
  
  <p>I'd like to access to my page "profile" using the following path:
  <code>http://localhost:8000/#/profile</code></p>
  
  <p>But, the name of my route differ to this path, because it's call <code>user-profile</code>, so I did this:</p>
  
  <p><strong>router.js</strong></p>
  
  <pre><code>var Router = Ember.Router.extend();
  
  Router.map(function () {
      this.resource('user-profile', { path: 'profile'}, function() {
          //Some other things...
      });
  });
  
  export default Router;
  </code></pre>
  
  <p><strong>user-profile.js</strong></p>
  
  <pre><code>export default Ember.Route.extend({
      model: function () {
          return this.store.find('user-profile');
      }
  });
  </code></pre>
  
  <p>When I launch my application, Ember is telling me that <code>profile</code> route doesn't exist, even though I defined the path:</p>
  
  <p><code>Uncaught Error: Assertion Failed: Error: Assertion Failed: The URL '/profile' did not match any routes in your application</code></p>
  
  <p>Do you know what's wrong with my code at this point?</p>
  
  <p>Thanks</p>