Javascript 无法获取属性'；地点'；未定义或空引用的类型

我的应用程序中有一个导致错误的文件

import React from 'react';
import { Router, Route } from 'react-router'; 

import App from './components/App';
import About from './components/About'; 
import NotFound from './components/NotFound';

const Routes = () => (
    <Router>
        <Route path="/" component={App} />
        <Route path="/about" component={About} />
        <Route path="*" component={NotFound} />
    </Router>
);


export default Routes; 

从“React”导入React；
从“react Router”导入{Router，Route}；
从“./components/App”导入应用程序；
从“./components/About”导入关于；
从“/components/NotFound”导入NotFound；
常数路由=（）=>(
);
导出默认路径；

由于某种原因，如果我替换

<Router>
    <Route path="/" component={App} />
    <Route path="/about" component={About} />
    <Route path="*" component={NotFound} />
</Router>

只要有一个简单的内容，比如

hi

，我就可以在我的应用程序中看到hi，否则我就会出现这个错误

TypeError:无法获取未定义或空引用的属性“位置”

---

我认为您使用的是react router V4.0，使用v3.0.0它会工作。

根据您的路由结构，我假设您使用的是react router V2或v3

您错过了路由器使用

hashHistory

或

browerHistory

的历史记录部分，并将其定义为：

import { Router, Route, hashHistory } from 'react-router'

<Router history={hasHistory}>
   ....
</Router>

从'react Router'导入{Router，Route，hashHistory}
....

有关历史记录的更多详细信息，请查看