4

我是前端开发的初学者，并尝试将 Ember.js 用于我的项目。我偶然发现了 Edward Faulkner在 EmberConf 2015 上关于 Liquid Fire 的精彩演讲。它看起来非常容易应用，所以我决定试一试。

我的应用通过 ember-cli 0.2.0 使用 Ember 和 Ember-Data Canary。

应用程序的结构有点像这样：

application.hbs
  \users
     \user
        work.hbs
        profile.hbs
        ...
     user.hbs

负责此操作的router.js文件的部分是：

this.resource('users', function (){
    this.resource('users.user', { path: '/:user_id' }, function () {
        this.route('work');
        this.route('profile');
        ...
    });
});

用 安装插件后npm install --save-dev liquid-fire，我将user.hbs文件中的 {{outlet}} 替换为 {{liquid-outlet}} 并添加了一个包含一些简单转换数据的transitions.js文件：

export default function () {
  this.transition(
    this.toRoute('users.user'),
    this.use('fade')
  );
}

但是，一旦我导航到用户页面，我就会收到一个 javascript 错误：

Uncaught TypeError: Cannot read property 'container' of undefined

源自第 15 行的liquid-outlet.js文件：

var View = this.container.lookupFactory("view:liquid-outlet");

我不知道我做错了什么。似乎我的 {{liquid-outlet}} 被放置在错误的位置或其他东西，但我尝试将它移到其他地方，但没有运气。一旦我导航到其中包含 {{liquid-outlet}} 的模板，我就会得到同样的错误。请帮忙。

谢谢你，奥列格

4

1 回答 1

2

此问题已在 Liquid Fire 的 master 分支中修复。您现在可以通过以下方式从 git 中获取工作版本：

npm install ef4/liquid-fire --save-dev

下一个版本当然也包括修复。

检查此 github 问题线程以获取更新：https ://github.com/ef4/liquid-fire/issues/190

于 2015-03-22T00:29:07.553 回答