Question

我正在尝试我的第一个ember应用程序。它有两页。一个是欢迎页面，另一个页面列出学生详细信息。所以我创建了两条路线，即索引和 studentdb 。问题是我的第二页没有显示。我使用 Mirage ，因为我正在关注ember指南。代码如下：

模板/ index.hbs

<h1> Welcome </h1>

{{#link-to "studentdb"}}List{{/link-to}}

{{outlet}}

模板/ studentdb.hbs

<h2> Welcome to Student Database </h2>
<h4> Following are the details </h4>

{{#each model as |student|}}
  <p>Name: {{student.Name}}</p>
  <p>College: {{student.College}}</p>
  <p>Department: {{student.Department}}</p>
{{/each}}

{{outlet}}

路由/ studentdb.js

import Ember from 'ember';

export default Ember.Route.extend({

    model() {
        return this.store.findAll('student');
    }
});

models / student.js（模特）

import DS from 'ember-data';

export default DS.Model.extend({
  Name: DS.attr(),
  College: DS.attr(),
  Department: DS.attr()
});

蜃/ config.js

export default function() {

  this.get('/student', function() {
    return {
      data: [{
        type: 'student',
        id: 1,
        attributes: {
          Name: 'Archana',
          College: 'MNM Jain',
          Department: 'CSE'

        }
      }, {
        type: 'student',
        id: 2,
        attributes: {
          Name: 'Monica',
          College: 'Sathyabama',
          Department: 'IT'
        }
      }, {
        type: 'student',
        id: 3,
        attributes: {
          Name: 'Manoj',
          College: 'Kumarsaamy',
          Department: 'MECH'
        }
      }]
    }
  });


}

router.js

import Ember from 'ember';
import config from './config/environment';

const Router = Ember.Router.extend({
  location: config.locationType
});

Router.map(function() {
  this.route('studentdb');
});

export default Router;

请有人帮忙。提前谢谢。

这是我在重新安装ember后得到的错误，如下面的说明中所示 https://github.com/ember-cli/ember-cli/releases

npm WARN已弃用lodash-node@2.4.1：此软件包已不再使用   保持。有关升级详细信息，请参阅自述文件错误的ERR！注册处   解析json npm ERR时出错！注册表错误解析json npm ERR！   注册表错误解析json npm ERR！ Windows_NT 6.1.7601 npm ERR！ ARGV   “C：\ Program Files \ nodejs \\ node.exe”“C：\ Program   Files \ nodejs \ node_modules \ npm \ bin \ npm-cli.js“”install“” - g“   “ember-cli@2.2.0-beta.3”npm ERR！错误的ERR！如果您需要帮助，您可以   报告此错误：npm ERR！ http://github.com/npm/npm/issues

npm ERR！请在任何支持请求中包含以下文件：   错误的ERR！ C：\ Users \用户学习者\ NPM-debug.lo

请帮忙。

Answer 1

您需要定义自己的路线this.get('/students'，并在内部使用ember-inflector来复制您的网址，这是根据jsonapi.org

Answer 2

我也是新手，也有同样的问题。 github下面的问题帮助我意识到我所关注的指南比我在系统上安装的ember-cli版本更新：

https://github.com/samselikoff/ember-cli-mirage/issues/422

所以，我选择使用这些说明将ember更新到版本2.2.0-beta.3：

https://github.com/ember-cli/ember-cli/releases

之后，我还必须重新安装ember-cli-mirage，但之后它才有效！

灰烬 - 页面未显示

2 个答案: