2017-08-31 5 views
1

lyndaからのチュートリアル:「フルスタックリアクションアプリケーションのビルドとデプロイ」の「リレーネットワークレイヤへの注入」の章に従っています。そこにネットワーク層を設定しようとする試みは、index.jsであり、プログラムが正常にコンパイルが、私は、ブラウザで次のエラーを受信して​​います:リアクションリレーinjectNetworkLayerは機能ではありません

は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') 
) 
+0

はにはそれを修正するために行うために何をしようとしましたか? –

答えて

0

Duplicate question

私はアンインストールすると、以下の特定のバージョンを再インストールする必要がありましたけれども、それは作業を取得するために、クリスMazzouchiの答えが役に立ったと評価:

yarn remove react-relay react-relay-network-layer react-router-relay 
yarn add [email protected] [email protected] [email protected] 
関連する問題