# Trouble adding Ember helper

**URL:** https://meta.discourse.org/t/trouble-adding-ember-helper/43764
**Category:** Development
**Created:** [May 5, 2016, 11:10pm UTC](https://meta.discourse.org/t/trouble-adding-ember-helper/43764 "2016-05-05T23:10:22Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![stevenpslade](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stevenpslade/32/53550_2.png) [@stevenpslade](https://meta.discourse.org/u/stevenpslade)
#### Post date: [May 5, 2016, 11:10pm UTC](https://meta.discourse.org/t/trouble-adding-ember-helper/43764/1 "2016-05-05T23:10:22Z")

</div>

Continuing the discussion from [How to add an Ember js helper?](https://meta.discourse.org/t/how-to-add-an-ember-js-helper/40214):

I am trying to add an Ember helper but having no luck. I get this error:

`Uncaught Error: Assertion Failed: A helper named 'color-shade' could not be found`

Below is my helper, `color-shade.js` …

```
import Ember from 'ember';

export function colorShade(params) {
  //just placeholder code for now
  return params[0] === params[1];
}

export default Ember.Helper.helper(colorShade);

```

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [May 6, 2016, 2:48pm UTC](https://meta.discourse.org/t/trouble-adding-ember-helper/43764/2 "2016-05-06T14:48:09Z")

</div>

Where did you put the helper? The location of the file matters.

---

<div class="post-metadata">

### Author: ![stevenpslade](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stevenpslade/32/53550_2.png) [@stevenpslade](https://meta.discourse.org/u/stevenpslade)
#### Post date: [May 6, 2016, 4:14pm UTC](https://meta.discourse.org/t/trouble-adding-ember-helper/43764/3 "2016-05-06T16:14:47Z")

</div>

I am defining the helper in:

`assets/javascripts/discourse/helpers/color-shade.js`

I am using the helper for a plugin outlet:

`assets/javascripts/discourse/components/connectors/topic-category/topic-header.hbs`

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [May 6, 2016, 4:18pm UTC](https://meta.discourse.org/t/trouble-adding-ember-helper/43764/4 "2016-05-06T16:18:24Z")

</div>

Try the extension `.js.es6` – otherwise it’s not autoloaded.

---

<div class="post-metadata">

### Author: ![stevenpslade](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stevenpslade/32/53550_2.png) [@stevenpslade](https://meta.discourse.org/u/stevenpslade)
#### Post date: [May 6, 2016, 4:36pm UTC](https://meta.discourse.org/t/trouble-adding-ember-helper/43764/5 "2016-05-06T16:36:50Z")

</div>

Nice, good news is that `A helper named 'color-shade' could not be found` is no longer occurring.

Bad news is that I am now getting the error: `Uncaught TypeError: Cannot read property 'helper' of undefined` in regards to:

`export default Ember.Helper.helper(colorShade);`

Do I need to import `Ember.Helper`?

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [May 6, 2016, 4:39pm UTC](https://meta.discourse.org/t/trouble-adding-ember-helper/43764/6 "2016-05-06T16:39:18Z")

</div>

I think that’s the newer ember api. We’re on an older version. I’d suggest just looking at how [the discourse helpers are defined](https://github.com/discourse/discourse/tree/master/app/assets/javascripts/discourse/helpers) and copying that.

---

<div class="post-metadata">

### Author: ![stevenpslade](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stevenpslade/32/53550_2.png) [@stevenpslade](https://meta.discourse.org/u/stevenpslade)
#### Post date: [May 6, 2016, 4:46pm UTC](https://meta.discourse.org/t/trouble-adding-ember-helper/43764/7 "2016-05-06T16:46:00Z")

</div>

👌 Bingo! Defining my helper the following way did the trick:

```
import registerUnbound from 'discourse/helpers/register-unbound';

registerUnbound('color-shade', function(params) {
  console.log(params);
});

```

Thanks!
