2016-11-10 188 views
0

我在學習react-router,但我不使用Node作爲服務器。我正在做的是將所有文件放在XAMPP的/ htdocs中,並且之前所有的代碼都沒有問題,直到我添加了反應路由器。控制檯上的錯誤是: Uncaught TypeError:無法讀取未定義的屬性'getCurrentLocation'。反應路由器問題

示例代碼如下:

//app.jsx 
import React from 'react'; 
import ReactDOM from 'react-dom'; 
import { Router, Route, hashHistory, IndexRoute} from 'react-router'; 
import App from './component/App.jsx'; 
import Home from './component/Home.jsx'; 
import Repos from './component/Repos.jsx'; 
import About from './component/About.jsx'; 
ReactDOM.render(
    <Router> 
     <Route path="/" component={App}> 
      <IndexRoute component={Home}/> 
      <Route path="/repos/:name" component={Repos} /> 
      <Route path="/about" component={About} /> 
    </Route> 
</Router>, 
document.getElementById('app') 
); 

這裏是我的WebPack配置

var config = { 
    entry: './index.jsx', 
    output: { 
    path: './', 
    filename: 'index.js' 
}, 
module: { 
    loaders: [ 
      { 
     test: /\.jsx?$/, 
     exclude: /node_modules/, 
     loader: 'babel', 

     query: { 
      presets: ['es2015', 'react'] 
     } 
     } 
    ] 
} 
} 
module.exports = config; 

有沒有問題,當我提供任何單一組分I進口的,只是簡單的靜態分量,我告訴其中一個在這裏:

//Home.jsx 
import React from 'react'; 
const Home =() => (
    <div>Home</div> 
); 
export default Home; 

任何人都可以幫我解決這個問題嗎?

回答

1

更改到:

<Router history={browserHistory}> 

爲我工作。

+0

謝謝,我補充說,它的工作原理... –