Accessing precompiled component in Ember.js

I have my component precompiled using grunt-ember-templates and its now maintained inside the Ember.TEMPLATES collection as Ember.TEMPLATES["../components/course-details"]

The issue is I am not able to use that component in my view. For instance I have a view called IndexView and I am making use of template:Ember.TEMPLATES["../index"] in that view. Like this

  app.IndexView=Ember.View.extend({
    template:Ember.TEMPLATES["../index"]
})

The index Template is making use of the course-details component which is now precompiled and now I am not sure how I can pass the component Template in this view.