Uncaught TypeError:undefined不是函数-ember js

这是我第一次尝试使用ember js。我正在制作一个简单的登录表格。我已经使用ember-cli创建了应用程序。简而言之，这是我在骨架应用程序中添加的内容：

这是app.js

import Ember from 'ember';
import Resolver from 'ember/resolver'; 
import loadInitializers from 'ember/load-initializers';
import config from './config/environment';
Ember.MODEL_FACTORY_INJECTIONS = true;

var App = Ember.Application.create({
modulePrefix: config.modulePrefix,
podModulePrefix: config.podModulePrefix,
Resolver: Resolver
});
loadInitializers(App, config.modulePrefix);
export default App;

这是app/router.js

import Ember from 'ember';
 import config from './config/environment';
var Router = Ember.Router.extend({
 location: config.locationType
});
export default Router.map(function() {
this.route('login', {path: '/login'});
});

这是模板/login.hbs:

<form class="form-horizontal" {{action "login" bubbles=false}}>
<div class="control-group">
  <div class="control-label">
  <label>Username</label>
</div>
  <div class="controls">
  {{input value=username type="text"}}
  </div>
</div>
 <div class="control-group">
  <div class="control-label">
  <label>Password</label>
</div>
<div class="controls">
  {{input value=password type="password"}}
 </div>
</div>
<button type="submit" class="btn" >Log in!</button>
</form>

这是app/controllers/login_controller.js

import Ember from 'ember';
var LoginController = Ember.Controller.extend({
 loginFailed: false,
 isProcessing: false,
  actions: {
   login: function() {
    this.setProperties({
    loginFailed: false,
    isProcessing: true
    }); 
  }
 }
});

export default LoginController;

它在控制台中给出了以下错误：

Uncaught TypeError: undefined is not a functionapp-boot.js:25 (anonymous function)

如果我提供一些用户名和密码，然后点击登录！它给出了这个错误：

Uncaught Error: Nothing handled the action 'login'. 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.

我做错了什么。请帮忙。