title: Ember evented on error: Assertion Failed: on called without valid event names
body: <p>I have a controller in my ember 2.18 app and I want to make it listen to some event <code>myEventName</code> triggered somewhere in the app, to change the model properties.</p>
  <p>According to <a href="https://emberjs.com/api/ember/2.18/classes/Evented/methods/on?anchor=on" rel="nofollow noreferrer">the API docs for this version</a> the way to catch an emitted event is like this:</p>
  <pre><code>import Evented from '@ember/object/evented';
  import Controller from '@ember/controller';
  // extend some object, like a Controller
  const myExtendedObject = Controller.extend(Evented, { 
      // stuff ...
       });
  
  myExtendedObject.on('myEventName', function (args) {  
      console.log(&quot;catch importDone  ok&quot;, args); 
      });
  export default myExtendedObject;
  </code></pre>
  <p>the code compiles well with ember build dev,
  but in the browser's JS console I get this error message:</p>
  <blockquote>
  <p>Error: Assertion Failed: on called without valid event names error.js:40</p>
  </blockquote>
  <p>I tried renaming event, but I cannot find why the event name is wrong.
  I also tried to set three arguments to the <code>on</code> method, but it is still bugging with the event name.
  What am I missing?</p>
  <p>Edit:<br />
  I made an Ember twiddle showing that events are scoped to components.
  I would like to catch them from anywhere;
  like triggering an event from a Service and catch it in a Route.</p>
  <p><a href="https://ember-twiddle.com/ce22cc0a542e8e0997a1ad57a4a9688c?fullScreen=true" rel="nofollow noreferrer">https://ember-twiddle.com/ce22cc0a542e8e0997a1ad57a4a9688c?fullScreen=true</a></p>