问题描述
我正在遵循lynda的教程:构建和部署全栈React应用程序",在注入中继网络层"一章中.在index.js中,试图建立网络层,并且程序成功编译,但是我在浏览器中收到以下错误:
I am following the tutorial from lynda: "Building and Deploying a Full-Stack React Application", in the chapter "Injecting the Relay Network Layer". there is in index.js, an attempt to set up a network layer, and the program compiles successfully but I'm receiving the following error in the browser:
TypeError:__WEBPACK_IMPORTED_MODULE_4_react_relay ___ default.a.injectNetworkLayer不是函数
index.js文件为:
index.js file is:
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')
)
推荐答案
.
发现Chris Mazzouchi的答案很有帮助,尽管我必须卸载并重新安装以下特定版本才能使其正常工作:
Found Chris Mazzouchi's answer helpful, though I had to uninstall and re-install the following specific versions to get it working:
yarn remove react-relay react-relay-network-layer react-router-relay
yarn add [email protected] [email protected] [email protected]
这篇关于React Relay InjectNetworkLayer不是函数的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!