Я начинаю разработку интерфейса и пытаюсь использовать Ember.js для своего проекта. Я наткнулся на a great talk by Edward Faulkner about Liquid Fire на EmberConf 2015. Это выглядело невероятно легко применимым, и поэтому я решил попробовать.Ошибка Ember.js «Невозможно прочитать свойство« контейнер неопределенного »при использовании Liquid Fire
Мое приложение использует Ember и Ember-Data Canary через ember-cli 0.2.0.
Структура приложения несколько, как это:
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
, я заменил {{outlet}} в моем user.hbs файл с {{liquid-outlet}} и добавил transitions.js fil е с некоторыми простым переходом данными:
export default function() {
this.transition(
this.toRoute('users.user'),
this.use('fade')
);
}
Но как только я перейти на страницу пользователя, я получаю сообщение об ошибке: яваскрипте
Uncaught TypeError: Cannot read property 'container' of undefined
Что происходит в жидкостным outlet.js файла , в строке 15:
var View = this.container.lookupFactory("view:liquid-outlet");
Я понятия не имею, что я делаю неправильно. Кажется, что что-то с моим {{liquid-outlet}} помещено в неправильное место или что-то в этом роде, но я попытался переместить его в другом месте, не повезло. Как только я перейду к шаблону, в котором есть {{liquid-outlet}}, я получаю ту же ошибку. Пожалуйста помоги.
Спасибо, Олег