具體定義哈希歷史，但---無法讀取屬性'getCurrentLocation'未定義（...）

Question

我無法弄清楚爲什麼這個設置不起作用。我一直試圖解決這個問題，現在約10個小時。我使用history 3.2.1，react-router 3.0.2和react-router-redux 4.0.7，webpack 1.14.0

這種設置工作完全正常的發展，但一旦包裝不工作，因爲，它看起來像，hashHistory快到了不確定的。用於生產和開發的configureStore沒有實質性差異。

所有涉及的變量都在devtools確認執行時被定義。我認爲問題是我的routes.js也許加載（見下圖）

任何人都可以提供的幫助將非常感激。謝謝閱讀。

錯誤：

Cannot read property 'getCurrentLocation' of undefined(…) 

configureStore.production.js

import { applyMiddleware, createStore, compose } from 'redux'; 
import { responsiveStoreEnhancer } from 'redux-responsive'; 
import thunk from 'redux-thunk'; 
import { routerMiddleware, push } from 'react-router-redux'; 
import rootReducer from '../reducers'; 
import storage from '../utils/storage'; 
import * as noteActions from '../actions/notes_actions'; 

var createHistory = require('history').createHashHistory; 

const hashHistory = createHistory(); 


const actionCreators = { 
    ...noteActions, 
    push, 
}; 


const router = routerMiddleware(hashHistory); 

const enhancer = compose(
    responsiveStoreEnhancer, 
    applyMiddleware(thunk, router), 
    storage(), 
); 

export default function configureStore(initialState: Object | void) { 
    return createStore(rootReducer, initialState, enhancer); 
} 

Index.js

import _ from 'lodash'; 
import React from 'react'; 
import { render } from 'react-dom'; 
import { Provider } from 'react-redux'; 
import storage from 'electron-json-storage'; 
import { syncHistoryWithStore } from 'react-router-redux'; 
import * as applicationUtils from './utils/functions'; 
import configureStore from './store/configureStore'; 
import myRoutes from './routes'; 
import './app.global.css'; 

var Router = require('react-router').Router; 

var createHistory = require('history').createHashHistory; 


let applicationState; 
let stateKeyPresent; 
let createStore; 
let myHistory; 
const hashHistory = createHistory(); 

function createStoreFunction() { 
    createStore = configureStore(applicationState); 
    myHistory = syncHistoryWithStore(hashHistory, createStore); 
    render(
     <Provider store={createStore}> 
     <Router history={myHistory} routes={myRoutes} /> 
     </Provider>, 
     document.getElementById('root') 
     ); 
} 

storage.keys((err, keys) => { 
    if (err) throw err; 

    for (let i = 0; i < keys.length; i++) { 
     if (keys[i] === 'state') { 
      stateKeyPresent = keys[i]; 
     } 
    }; 
}); 

let getStoredState = new Promise(function(resolve,reject) { 
    storage.get('state', (err, data) => { 
     if (!stateKeyPresent) { 
      applicationState = {}; 
      resolve(); 
     } else if (data) { 
      applicationState = JSON.parse(data); 
      resolve(); 
     } else { 
      applicationState = {}; 
      resolve(); 
     } 
    }); 
}); 

getStoredState.then(() => { 
    createStoreFunction() 
}); 

Answer 1

嘗試從軟件包依賴項中卸載history npm模塊。

陣營路由器的依賴關係：

"dependencies": { 
    "history": "^3.0.0", 
    "hoist-non-react-statics": "^1.2.0", 
    "invariant": "^2.2.1", 
    "loose-envify": "^1.2.0", 
    "warning": "^3.0.0" 
    }, 

React-router已經進行依賴於它，正確的history版本將與react-router安裝進行安裝。

您無需單獨安裝。

嘗試

npm uninstall --save history react-router 

然後

install --save react-router@your_version 

一次。

檢查它是否有效。