Сетевой уровень Relay Inject не распознается как функция в приложении React

Я следую учебному руководству Lynda.com под названием "Создание и развертывание полнофункционального приложения React", а в главе "Внедрение сетевого уровня ретрансляции" в index.js есть попытка настроить сетевой уровень и программа успешно компилируется, но я получаю следующую ошибку в браузере:

Ошибка типа: __WEBPACK_IMPORTED_MODULE_4_react_relay___default.a.injectNetworkLayer не является функцией

Есть идеи? Я был бы признателен, СМ

(Мой файл index.js)

import React from 'react'
import ReactDOM from 'react-dom'
import {Router, browserHistory, applyRouterMiddleware} from 'react-router'
import Routes from './routes'
import Relay from 'react-relay'
import useRelay from 'react-router-relay'
import {RelayNetworkLayer, urlMiddleware} from 'react-relay-network-layer'
import {relayApi} from './config/endpoints'
import auth from './utils/auth'

const createHeaders = () => {
  let idToken = auth.getToken()
  if (idToken) {
    return {
      'Authorization': `Bearer ${idToken}`
    }
  } else {
    return {}
  }
}

Relay.injectNetworkLayer(
  new RelayNetworkLayer([
    urlMiddleware({url: (req) => relayApi,}),
        next => req => {
          req.headers = {
            ...req.headers,
            ...createHeaders()
          }
          return next(req)
      },
  ],{disableBatchQuery: true})
)

ReactDOM.render(
  <Router
    environment={Relay.Store}
    render={applyRouterMiddleware(useRelay)}
    history={browserHistory}
    routes={Routes}
  />,
  document.getElementById('root')
)

1 ответ

Решение

Вы, вероятно, не используете правильную версию Relay, но это только предположение. Проверьте, указана ли в руководстве какая-либо версия, и проверьте, какую версию вы используете.

Многое изменилось в последней версии Relay: Relay-Modern. Возможно, вы захотите взглянуть на это, его путь более удобный и эффективный, чем Relay-Classic.

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

Другие вопросы по тегам