中继的注入网络层在React应用程序中未被识别为功能

Question

我正在学习一个名为“构建和部署一个完整堆栈反应应用程序”的Lynda.com教程，在“注入中继网络层”一章中，index.js中有一种设置网络层的尝试，程序编译成功，但我在浏览器中收到了以下错误：

__WEBPACK_IMPORTED_MODULE_4_react_relay___default.a.injectNetworkLayer不是一个函数

有什么想法吗？我会很感激的，CM

(我的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')
)

Answer 1

您可能没有使用正确的Relay版本，但这只是猜测。检查本教程是否指定了任何版本，并检查正在使用的版本。

在“继电器:继电器-现代”的最后一个版本中，很多事情都发生了变化。你可能想研究一下，它的方式比继电器-经典更方便和有效。

此外，还有更简单的方法来将路由器和中继结合起来。创建您的中继环境，直接或低于您的路由器，这取决于您是否需要将路由从您的db。但我想你只需要通过这个教程。