Weird error with Ember controllers

Question

I'm on Ember Cli version: 0.2.3

I'm currently exploring with Ember, and trying a very simple app.

I have this in my templates/about.hbs

<h1>About</h1>

<p>I'll write something interesting here</p>

<button type="btn btn=primary"{{action 'clickMe'}}>Click me!</button>

and in my controllers/about_controller.js

Blogger.AboutController = Ember.Controller.extend({
  actions: {
    clickMe: function() {
      alert('Something something');
    }
  }
});

when I click on the button i get this error, I checked the syntax and can't seem to catch what's wrong. I need some fresh eyes.

Uncaught Error: Nothing handled the action 'clickMe'. If you did handle the action, this error can be caused by returning true from an action handler in a controller, causing the action to bubble.

Now, I understand what the message is saying, but I don't know how to fix it yet.

Answer 1

Ember probably can not find your controller. You can debug this using ember inspector. In any case you should be using ES6 conventions inside your ember cli project. You can get to know more about the subject here.

Anyway, try to create about controller using command line by typing

ember generate controller about

and then add your action manually.