Relay 的注入网络层未被识别为 React 应用程序中的函数
Relay's Inject Network Layer Not Being Recognized as a Function in a React App
我正在学习名为 "Building and Deploying a Full-Stack React Application" 的 Lynda.com 教程,在 "Injecting the Relay Network Layer" 一章中 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 的最新版本中发生了很多变化:Relay-Modern。你可能想研究一下,它比 Relay-Classic 更方便、更高效。
还有更简单的方法可以将路由器与中继结合起来。根据您是否需要从数据库中获取路由,直接在路由器上方或下方创建中继环境。但我想你只需要完成教程即可。
我正在学习名为 "Building and Deploying a Full-Stack React Application" 的 Lynda.com 教程,在 "Injecting the Relay Network Layer" 一章中 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 的最新版本中发生了很多变化:Relay-Modern。你可能想研究一下,它比 Relay-Classic 更方便、更高效。
还有更简单的方法可以将路由器与中继结合起来。根据您是否需要从数据库中获取路由,直接在路由器上方或下方创建中继环境。但我想你只需要完成教程即可。