ember.js - LinkComponent EmberJs 1.13.15 のオーバーライド

Question

私は EmberJs 1.13.15 と Ember-CLI を使用して、次のコードを追加してメインの LinkComponent の動作をわずかに変更しようとしていました:

app/components/nav-link-to.js:

import Ember from 'ember';

export default Ember.LinkComponent.extend({
  tagName: 'li'
});

app/templates/components/nav-link-to.hbs:

<a href="">{{yield}}</a>

そして、このコンポーネントを次の場所で使用しています：

app/templates/nav-bar.hbs:

<ul class="nav navbar-nav">
   {{#nav-link-to 'index'}}Home{{/nav-link-to}}
</ul>

しかし、ブラウザーで nav-bar テンプレートを開くたびに何も表示されず、ember インスペクターのコンソールに次のエラーが表示されます

キャッチされていない TypeError: 未定義のプロパティ 'slice' を読み取ることができません

何か助けはありますか？

前もって感謝します。