javascript - 找不到变量 : DS in Ember CLI

Question

TL;DR - Ember 数据无法在运行 Ember.js v1.9.0 的基本 Ember CLI 应用程序中运行

我对 Ember 和 Ember CLI 不太陌生，我刚刚创建了一个新项目来尝试 1.9.0 版本的 Ember.js，这里有一个链接: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次)
  • 注意:在上一个项目中，控制台给了我不同的错误，但我解决了这些错误。应用程序开始按预期运行，但在我退出并第二次重新运行 emberserve 后，此问题开头指出的控制台错误再次出现，现在我回到原点。便便。

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

相关文件包括:

适配器/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');
    }
});

仪表板.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 CLI 运行 Ember v1.9.0。

在 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编辑它并将其从我的package.json的“devDependency”中删除时，这个问题就消失了。

我不知道为什么会出现这种情况的实际细节，但我相信这可能与此插件与 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