Ember Simple Auth Devise提供错误“无法读取未定义的属性'authenticate'” Rails 4后端

Question

I'm using Ember.SimpleAuth and the package for devise. I've used devise and rails numerous times before but I am pretty new to ember. Also, I'm beginning to wonder if I should ditch devise for Ember apps with token authentication...Anyway here is my code.

UPDATE

2 Specific things I noticed:

1. I've cleaned up my assets and am using the latest ember-simple-auth.js. I don't seem to have an authenticatorFactory because the following line is 'undefined' inside the 'var Session' definition:

    _this.container.lookup(authenticatorFactory) 

2. I feel like I should be calling the authenticate method that is in the ember-simple-auth-devise.js, but that file never gets touched according to my console. Is that the way it should be?

END UPDATE

---

I'm pretty sure I followed the directions correctly:

application.js:

//= require jquery
//= require jquery_ujs
//= require handlebars
//= require ember
//= require ember-data
//= require quiz
//= require pen
//= require ember-simple-auth
//= require ember-simple-auth-devise
//= require_self
//= require quizzmob
Quizzmob = Ember.Application.create({
    LOG_TRANSITIONS: true
});

initializers/authentication.js.coffee

Ember.Application.initializer
  name: "authentication"
  initialize: (container, application) ->
    Ember.SimpleAuth.setup container, application,
      authorizerFactory: 'ember-simple-auth-authorizer:devise'

I have a route defined for login:

@route "login"

And a controller:

Quizzmob.LoginController = Ember.Controller.extend(Ember.SimpleAuth.LoginControllerMixin,
    authenticatorFactory: "ember-simple-auth-authenticator:devise"
)

And my login form:

<form {{action 'authenticate' on='submit'}}>
  <label for="identification">Login</label>
    {{input id='identification' placeholder='Enter Login' value=identification}}
  <label for="password">Password</label>
    {{input id='password' placeholder='Enter Password' type='password' value=password}}
  <button type="submit">Login</button>
</form>

The error I get says: "TypeError: Cannot read property 'authenticate' of undefined" It is called on the authenticate method in ember-simple-auth.js, in the following location:

return new Ember.RSVP.Promise(function(resolve, reject) {
    _this.container.lookup(authenticatorFactory)|.authenticate(options).then(function(content) {
                                                ^

There is absolutely no request sent to the server, so I think there's something wrong with my ember setup.

Answer 1

I had this same error with Ember CLI, I added to the Brocfile.js this:

app.import('vendor/ember-simple-auth/ember-simple-auth.js');                     
app.import('vendor/ember-simple-auth/ember-simple-auth-devise.js');

Save and restart the server.

ember server

So, make sure you are including ember-simple-auth-devise.js and that you are restarting the server.

Answer 2

身份验证器注册为ember-simple-auth-authenticator:devise ，而不是ember-simple-auth-authenticators:devise （不带's'）。

Answer 3

Create a login.js controller, ember g controller login and add the authenticate code there...

/controller/login.js

import Ember from 'ember';
import LoginControllerMixin from 'simple-auth/mixins/login-controller-mixin';

export default Ember.Controller.extend(LoginControllerMixin, {
  authenticator: 'simple-auth-authenticator:devise'
});