javascript - 无法在React App中将中继的注入(inject)网络层识别为功能

我遵循的是Lynda.com教程“构建和部署全栈React应用程序”，在“注入中继网络层”一章中有index.js，它试图建立网络层，并且该程序编译成功，但在浏览器中收到以下错误：

TypeError：__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')
)

最佳答案

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

中继的最新版本中发生了很多变化：中继现代。您可能想研究一下它，它的方式比Relay-Classic更方便，更高效。

还有一些更简单的方法可以将路由器与中继相结合。在路由器上方或下方直接创建中继环境，具体取决于是否需要从数据库中获取路由。但是我想您只需要阅读本教程即可。

关于javascript - 无法在React App中将中继的注入(inject)网络层识别为功能，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45702431/