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;
任何人都可以幫我解決這個問題嗎?
謝謝,我補充說,它的工作原理... –