загрузка нескольких ресурсов с реактивной загрузкой не работает - PullRequest
Новая
       9

загрузка нескольких ресурсов с реактивной загрузкой не работает

0 голосов
/ 10 декабря 2018

Чтобы повысить производительность сайта, я думал о разделении кода на некоторые из моих компонентов, которые мне не нужны при первоначальной сборке.После поиска некоторых вариантов я решил пойти с реагирующая загрузка .

В соответствии с реактивно загружаемой документацией, мы можем загрузить несколько ресурсов параллельно.С этой идеей и примером кода, приведенным в документации, я пытался реализовать компонент, который извлекает компонент, а также данные, необходимые для визуализации компонента.Но проблема, с которой я сталкиваюсь, заключается в том, что каждый раз, когда я пытался использовать функцию Loadable.Map, я получаю TypeError: loader is not a function в консоли, и отображается только состояние загрузки.Документы не работают или моя реализация?

1 Ответ

0 голосов
/ 10 декабря 2018

Элементы в loader объектах должны быть функциями

, поэтому измените 

Loadable.Map({
  loader: {
    Post: () => import("./Post"),
    data: fakeAPI()
  },

на 

Loadable.Map({
  loader: {
    Post: () => import("./Post"),
    data: () => fakeAPI()
  },

или даже 

Loadable.Map({
  loader: {
    Post: () => import("./Post"),
    data: fakeAPI
  },

см. Обновленную демонстрацию: https://codesandbox.io/s/my19zqk78

...