Пример асинхронного редукса не работает в Firefox

Question

Я новичок в изучении responsejs + redux. Как и в случае с примером асинхронного редукса, redux async , я обнаружил, что он очень хорошо работает на Chrome и Safari, но не на Firefox (последняя версия, 60.0.1 (64it), OSX)

То, что в примере используется с использованием redux-thunk для извлечения данных из reddit и отображения в пользовательском интерфейсе, но при вызове функции выборки

здесь выдается ошибка сетиэто фрагмент (я изменил его, чтобы получить возвращаемый объект извлечения, но логика не изменилась),

// ${subreddit} = reactjs or front

const fetchPosts = subreddit => dispatch => {
  dispatch(requestPosts(subreddit))
  let ret = fetch(`https://www.reddit.com/r/${subreddit}.json`)
    .then(response => {
      return fetchReturn(response);
    })
    .then(json => dispatch(receivePosts(subreddit, json)))
  return ret;
}

Вот сообщение об ошибке ret в браузере, изображение показывает ошибку

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

Answer 1

У меня недостаточно репутации, чтобы оставить комментарий, поэтому я оставлю его здесь.

В выпуске есть разные решения, которые могут вам помочь.

В противном случае вы можете следовать этому руководству , чтобы добавить поддержку CORS в ваш метод выборки.

РЕДАКТИРОВАТЬ: Убедитесь, что вы включили многозаполнение Promise с помощью babel-polyfill