Meteor-React-FlowRouter не выгружает данные из БД при релоаде страницы?

Question

[Ник В]

Доброго времени суток имеется такой вот роут

renderMainLayoutWith = (component, pageTitle) ->
  DocHead.setTitle if pageTitle? then pageTitle else '404 - Page not found :('
  ReactLayout.render MainLayout,
    header: `<Header />`
    content: component
    footer: `<Footer />`

FlowRouter.route '/',
  name: 'Home'

  action: ->
    renderMainLayoutWith `<Home />`, @name

FlowRouter.route '/:url',
  name: 'MultiRouter'
  triggersEnter: [ ->
    url = FlowRouter.current().path
    try
      @renderName = Routing.findOne({link: url}).name
    catch TypeError
      @renderName = '404 - Page not found :('
  ]
  action: ->
    switch renderName
      when "Home" then renderMainLayoutWith `<Home />`, renderName
      when "About Me" then renderMainLayoutWith `<AboutMe />`, renderName
      when "Notebook" then renderMainLayoutWith `<Notebook />`, renderName
      when "Portfolio" then renderMainLayoutWith `<Portfolio />`, renderName
      when "Contacts" then renderMainLayoutWith `<Contacts />`, renderName
      else
        renderMainLayoutWith `<PageNotFound />`, renderName

FlowRouter.notFound =
  action: ->
    renderMainLayoutWith `<PageNotFound />`

Если переходить по навигации мышкой, то Routing.findOne({link: url}).name корректно работает, если же обновить страницу или вписать существующий путь руками то полявляется ошибка Uncaught TypeError: Cannot read property 'name' of undefined Почему так? и как это исправить или обойти?

Answer 1

[E]

Я бы на Вашем месте использовал ReactRouter.
По делу.
Скорее всего не успевает получить данные вот тут
@renderName = Routing.findOne({link: url}).name
Попробуйте проверить через консоль лог Meteor.loggingIn(), по моим опытам при обновлении страницы Meteor.loggingIn() возвращает true и тут уже можно повесить лоадер как вариант.

Comments

[Ник В]

Да, у меня тоже такое чувство, что данные не успевают. Будьте добры, не могли бы Вы показать как правильно повесить лоадер?

[E]

То что я выше написал про loggingIn скорее всего не то.
Я уже какой день бьюсь, как выяснилось, точно с такой же проблемой.
Как вариант, смотреть готова подписка или нет:

var itemsSub = Meteor.subscribe('items');

if(!itemsSub.ready()) {
return ;
}

Но это я проверял в компоненте. Без понятия где вы подписываетесь и прокатит ли подобный подход.

Сам я не пошёл по этому пути и стал переписывать через архитектуру Reflux/Alt, конкретно пока ничего не скажу, попробовал подключить через Alt одну сущность, вроде как полёт нормальный.

[E]

toster вырезал теги

if(!itemsSub.ready()) {
return <Loading/>;
}

[Ник В]

Evgeniy Z: это оно? alt.js.org/guide

[E]

Ник Висневский: верно, ставил отсюда https://atmospherejs.com/froatsnook/alt
Плюс поставил https://atmospherejs.com/skinnygeek1010/flux-helpers , так как "When using flux you don't depend on the data in your templates to do the re-rendering. "

[Ник В]

Evgeniy Z: Спасибо) буду пробовать.

[Ник В]

Evgeniy Z: А в чём разница между AltJs и ReFluxJS?