# Adding a new route to an existing app, need help

**URL:** <https://discuss.emberjs.com/t/adding-a-new-route-to-an-existing-app-need-help/1292>\
**Category:** Uncategorized\
**Created:** [May 21, 2013, 5:14pm UTC](https://discuss.emberjs.com/t/adding-a-new-route-to-an-existing-app-need-help/1292 "2013-05-21T17:14:44Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![commadelimited](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/commadelimited/32/3548_2.png) [@commadelimited](https://discuss.emberjs.com/u/commadelimited)\
**Post date:** [May 21, 2013, 5:14pm UTC](https://discuss.emberjs.com/t/adding-a-new-route-to-an-existing-app-need-help/1292/1 "2013-05-21T17:14:44Z")

</div>

I have an existing Ember app which works great. I need to add a new subroute to the app to allow users to view additional information. My current route looks like this:

```auto
Social.Router.map(function() {
    this.resource('accounts', { path: '/accounts' }, function(){
        this.resource('account', { path: ':account_id'});
    });
});

```

with the following URL

```
#/accounts/56/

```

The route I’d like to add is this:

```
#/accounts/56/interactions

```

So I added a nested route like so:

```auto
Social.Router.map(function() {
    this.resource('accounts', { path: '/accounts' }, function(){
        this.resource('account', { path: ':account_id'}, function(){
            this.route('interactions', { path: '/interactions'});
        });
    });
});

```

But when that route is accessed I get the following error:

```auto
Uncaught Error: assertion failed: The route interactions was not found core.libs.js:2236
Uncaught Error: You cannot modify child views while in the inBuffer state core.libs.js:19298

```

So I also added an empty InteractionsRoute but that didn’t resolve it:

```
Social.InteractionsRoute = Ember.Route.extend();

```

Does anyone have input on what might be going wrong?

---

<div class="post-metadata">

**Author:** ![commadelimited](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/commadelimited/32/3548_2.png) [@commadelimited](https://discuss.emberjs.com/u/commadelimited)\
**Post date:** [May 21, 2013, 5:53pm UTC](https://discuss.emberjs.com/t/adding-a-new-route-to-an-existing-app-need-help/1292/2 "2013-05-21T17:53:19Z")

</div>

In addition I’m trying to add a button to the interface which looks like this:

```
{{#linkTo "interactions"}}@ Interactions{{/linkTo}}

```

---

<div class="post-metadata">

**Author:** ![pudgecon](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/pudgecon/32/10998_2.png) [@pudgecon](https://discuss.emberjs.com/u/pudgecon)\
**Post date:** [May 22, 2013, 3:13am UTC](https://discuss.emberjs.com/t/adding-a-new-route-to-an-existing-app-need-help/1292/3 "2013-05-22T03:13:33Z")

</div>

> [@commadelimited](#):
>
> {{#linkTo “interactions”}}@ Interactions{{/linkTo}}

I think this maybe

```javascript
{{#linkTo account.interactions this}}Interactions{{/linkTo}}

```

Note that, _this_ is the model of controller

---

<div class="post-metadata">

**Author:** ![sly7\_7](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/sly7_7/32/3567_2.png) [@sly7\_7](https://discuss.emberjs.com/u/sly7_7)\
**Post date:** [May 22, 2013, 7:12am UTC](https://discuss.emberjs.com/t/adding-a-new-route-to-an-existing-app-need-help/1292/4 "2013-05-22T07:12:59Z")

</div>

> [@commadelimited](#):
>
> route

You have two possibilities, either like @pudgeon suggest, the route is `account.interactions`, either in the router, you have to change from

`this.route('interactions')` to `this.resource('interactions')`. That’s a difference between route and resource.