未捕获的TypeError:undefined不是函数 - ember js

时间:2015-04-08 13:21:08

标签: javascript ember.js ember-cli

这是我第一次尝试使用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'});
});

这是模板templates / 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.

我做错了什么。 Plz帮助。

1 个答案:

答案 0 :(得分:1)

这......

var App = Ember.Application.create({

......应该是......

var App = Ember.Application.extend({

因此你应该摆脱undefined is not a function

关于你的第二个问题,我认为这是由你的第一个问题引起的。至少in a JsBin它工作正常。

如果第一个问题在第一个问题解决后仍然存在,请再次询问。 JsBin中的一个工作示例非常好。 : - )