找不到变量：Ember CLI 中的 DS

Question

TL;DR - Ember Data 在运行 Ember.js v1.9.0 的基本 Ember CLI 应用程序中不起作用

我对 Ember 和 Ember CLI 不太熟悉/不是很新，我刚刚创建了一个新项目来试用 Ember.js 的 1.9.0 版本，这是一个链接：http://emberjs.com/blog/2014/12/08/ember-1-9-0-released.html

我在我的应用程序中处于某个点（我承认不是很深），我正在设置 FIXTURES 来测试一些数据，但后来发生了这种情况：

控制台

Error while processing route: dashboard.index Cannot read property 'find' of undefined TypeError: Cannot read property 'find' of undefined
    at __exports__.default.Ember.Route.extend.model (focus-haven/routes/dashboard.js:9:24)
    at EmberObject.extend.deserialize (http://0.0.0.0:4200/assets/vendor.js:38356:21)
    at applyHook (http://0.0.0.0:4200/assets/vendor.js:61082:30)
    at Object.HandlerInfo.runSharedModelHook (http://0.0.0.0:4200/assets/vendor.js:59103:22)
    at Object.subclass.getModel (http://0.0.0.0:4200/assets/vendor.js:59329:21)
    at http://0.0.0.0:4200/assets/vendor.js:60956:19
    at tryCatch (http://0.0.0.0:4200/assets/vendor.js:61405:16)
    at invokeCallback (http://0.0.0.0:4200/assets/vendor.js:61417:17)
    at publish (http://0.0.0.0:4200/assets/vendor.js:61388:11)
    at http://0.0.0.0:4200/assets/vendor.js:42960:9

在做了一些调查和运行 ember 测试之后，我得到了这个：

not ok 14 PhantomJS 1.9 - ApplicationAdapter: it exists
    ---
        actual: >
            null
        message: >
            Setup failed on it exists: Can't find variable: DS
        Log: >
    ...
not ok 15 PhantomJS 1.9 - Dashboard: it exists
    ---
        actual: >
            null
        message: >
            Setup failed on it exists: Can't find variable: DS
        Log: >
    ...
not ok 16 PhantomJS 1.9 - Task: it exists
    ---
        actual: >
            null
        message: >
            Setup failed on it exists: Can't find variable: DS
        Log: >
    ...

...我在控制台中找到了这个：

DEBUG: -------------------------------
DEBUG: Ember      : 1.9.0
DEBUG: Handlebars : 2.0.0
DEBUG: jQuery     : 1.11.1
DEBUG: -------------------------------

我可能错了，但我认为 Ember 数据没有被加载或导入或其他什么，所以我花了大部分时间试图解决这个问题，但没有骰子。

我尝试过的事情：

• 按照本指南：http://www.cubicleapps.com/articles/todo-mvc-with-ember-cli-part-2
• 同时阅读 ember cli 和 ember.js api 文档/指南
• 通过 bower 重新安装 ember-data：bower install ember-data
• 尝试对 StackOverflow 上的类似问题实施解决方案，但无济于事
• 删除项目并运行 ember 新项目（我做了 3 次）
  • 注意：在上一个项目中，控制台给了我不同的错误，但我解决了这些问题。应用程序开始按预期运行，但在我退出并再次运行 ember serve 后，此问题开头所述的控制台错误再次出现，现在我回到原点。便便。

解决方案可能很明显，但在大量运行更多测试和搜索网络之后，我什至无法找到解决方案。所以，是的，我有点累了，希望有一双新的眼睛能发现确凿的证据。

相关文件包括：

适配器/application.js

import DS from 'ember-data';

export default DS.FixtureAdapter.extend({});

models/task.js

import DS from 'ember-data';

var Task = DS.Model.extend({
  group: DS.attr('string'),
  kind: DS.attr('string'),
  body: DS.attr('string'),
  isCompleted: DS.attr('boolean')
});

Task.reopenClass({
    FIXTURES: [
        {
            id: 1,
            group: 'test',
            kind: 'project',
            body: 'whatever',
            isCompleted: false
        },
        {
            id: 2,
            group: 'test',
            kind: 'homwork',
            body: 'lol what nope',
            isCompleted: false
        }
    ]
});

export default DS.Store.extend({
    adapter: 'DS.FixtureAdapter'
});
export default Task;

routes/dashboard.js

import Ember from 'ember';

export default Ember.Route.extend({
    model: function() {
        return this.store.find('task');
    }
});

dashboard.hbs

{{#each task in model}}
    <p>{{task.group}}</p>
    <p>{{task.kind}}</p>
    <p>{{task.body}}</p>
    <p>{{task.isCompleted}}</p>
{{/each}}

bower.json

{
  "name": "focus-haven",
  "dependencies": {
    "handlebars": "2.0.0",
    "jquery": "^1.11.1",
    "ember": "1.9.0",
    "ember-data": "~1.0.0-beta.12",
    "ember-resolver": "~0.1.10",
    "loader.js": "stefanpenner/loader.js#1.0.1",
    "ember-cli-shims": "stefanpenner/ember-cli-shims#0.0.3",
    "ember-cli-test-loader": "rwjblue/ember-cli-test-loader#0.0.4",
    "ember-load-initializers": "stefanpenner/ember-load-initializers#0.0.2",
    "ember-qunit": "0.1.8",
    "ember-qunit-notifications": "0.0.4",
    "qunit": "~1.15.0"
  },
  "resolutions": {
    "handlebars": "2.0.0",
    "ember": ">=1.4 <2",
    "ember-data": "~1.0.0-beta.7"
  }
}

Answer 1

我实际上能够查明问题的原因，但首先让我谈谈我是如何让 Ember v1.9.0 使用 Ember CLI 运行的。

在 Ember CLI 项目中安装最新版本的 Ember JS

这就是我更新运行Ember CLI v0.1.4的项目以使用Ember.js v1.9.0的方式 （我希望得到某种确认，以确保这是更新 Ember CLI 应用程序的有效方法，以免误导正在阅读此问题的其他人）

npm uninstall --save-dev broccoli-ember-hbs-template-compiler
npm install --save-dev ember-cli-htmlbars
rm -rf bower_components
bower install --save handlebars#2.0.0
bower install --save ember

此特定问题的部分解决方案

就我而言，问题的真正罪魁祸首是一个名为 ember-cli-bootstrap-sass 的 Ember 插件。每当我安装它时，就会出现问题，当我npn uninstall-ed 并将它从我的 package.json 的“devDependencies”中删除时，这个问题就消失了。

我不知道为什么会这样的实际细节，但我相信这可能与此插件的依赖关系与 Handlebars v1.x (?)以及 Ember 对新的 HTMLbars 编译器/Handlebars v2.0.0 (?) 的依赖。我在这里可能完全错了。

参考文献：

• https://github.com/ember-addons/bootstrap-for-ember/issues/193

但现在我不会使用这个插件，我会调查其他 Ember 插件是否重复相同的问题。

PS：我没有测试或调查过 Ember.js v1.8.1 是否会出现此问题

我还是一个网络开发新手，所以任何与此类问题相关的输入或要点都会很棒！ :D