Ember:未找到 'user' 的模型,并且在执行保存承诺时创建了重复的 POST

Ember: No model was found for 'user' and Duplicate POSTs created when executing the save promise

更新:

有人能帮忙吗?在本周的大半个月里,我一直在追求这个,但运气不佳。我确实注意到客户端正在生成两个 POST。我已经为适配器添加了代码。还有其他我应该看的地方吗?

我正在观看下面提供的视频教程,但在单击提交按钮将数据保存到数据库时无法解决两个错误。

  1. 未找到 'user'
  2. 的模型
  3. 正在生成两个 POST。这会导致 Assertion Failed 错误,我怀疑这是因为从服务器返回的 ID 与前端的当前 ID 不匹配。

我看到数据库有两条新记录。当我再次单击提交按钮时,应用程序会将我带回显示两条记录的待办事项页面。谁能告诉我做错了什么?

当前版本:

视频教程(错误出现在11:30标记处):https://www.youtube.com/watch?v=bZ1D_aYGJnU。注意:视频的作者似乎已经解决了重复的 POST 问题,以便在视频结尾处立即消失,但我不知道如何解决。

Component/forms/todo-item-form/component.js

import Component from '@ember/component';

export default Component.extend({
    actions:{
        save(){
            this.get('submit')();
        }
    }
});

Component/forms/todo-item-form/template.hbs

<form {{action "save" on="submit"}}>
{{input placeholder="description" value=todoItem.description}}
  <br />
  {{#if todoItem.validations.isValid}}
    <button type="submit">Add</button>
  {{else}}
    <button type="submit" disabled>Add</button>
  {{/if}}
</form>

templates/s/todo-items/add.hbs

{{forms/todo-item-form
  todoItem=model
  submit=(route-action "submitAction") 
}}
{{outlet}}

models/todo-item.js

import DS from 'ember-data';

import { validator, buildValidations } from 'ember-cp-validations';

const { attr, belongsTo } = DS;
const Validations = buildValidations({
  description: [
    validator('presence', true),
    validator('length', {
      min: 4
    })
  ]
});

export default DS.Model.extend(Validations, {
    description: attr('string'),
    owner: belongsTo('person')
});

adapter/Application.js

import DS from 'ember-data';
import ENV from 'todo-list-client/config/environment';

const {computed, inject :{service} } = Ember;

export default DS.JSONAPIAdapter.extend({
    session: service(),

    namespace: ENV.APP.namespace,
    host: ENV.APP.host,

    headers: computed('session.data.authenticated.token', function() {
        let token = this.get('session.data.authenticated.access_token');
        return { Authorization: `Bearer ${token}` };
      }),
})

routes/s/todo-items/add.js

import Route from '@ember/routing/route';

export default Route.extend({
    model(){
        return this.store.createRecord('todo-item');
    },

    actions: {
        submitAction() {
            this.get('controller.model')
            .save()
            .then(() => {
              this.transitionTo('s.todo-items');
            });
        }
    },
});

作者在 add.js 路由的大约 15m5s 处添加了 Ember-Data-Route 作为 mixin。这会在模型之后进行清理。

他从那时开始解释,并在接下来的一两分钟内将其添加到视频中:

https://youtu.be/bZ1D_aYGJnU?t=15m5s

import Ember from 'ember';
import DataRoute from 'ember-data-route';

export default Ember.Route.extend(DataRoute, {
  model() {
    return this.store.createRecord('todo-item');
  },

  actions: {
    save() {
      this.get('controller.model')
        .save()
        .then(() => {
          this.transitionTo('s.todo-items');
        });
    }
  },

});