未捕获的ReferenceError:IndexRoute未定义-如何解决此错误以在react路由器中使用IndexRo

Uncaught ReferenceError: IndexRoute is not defined - How do I resolve this error to use IndexRoute in react-router?

本文关键字：错误 react 路由器 IndexRo 解决 ReferenceError IndexRoute 未定义 何解决      更新时间：2023-10-20

我有一组使用react路由器的简单路由：

ReactDOM.render(
  <Router history={appHistory}>
    <Route path="/" component={MainLayout}>
      <IndexRoute component={Index} />
    </Route>
  </Router>,
  document.getElementById('app')
);

然而，页面加载失败，我在浏览器控制台中收到以下错误：

Uncaught ReferenceError: IndexRoute is not defined

我该如何解决这个问题？

IndexRoute不是从react路由器隐式加载的。你需要以与路由器和路由相同的方式导入它： 
import { Router, Route, IndexRoute } from 'react-router';

import {IndexRoute} from 'react-router'不适用于react-route-4。react-router-4发生了变化，不再有子代。但是，使用"路由"组件，可以渲染与路径匹配的任何内容。

相关文章：