react-router引入Router时报错

最新推荐文章于 2024-08-02 16:08:15 发布

萝卜-兔子

最新推荐文章于 2024-08-02 16:08:15 发布

阅读量9.6k

点赞数

分类专栏： Router

本文链接：https://blog.csdn.net/abcwangruili/article/details/78931830

版权

本文档介绍了在使用react-router时遇到的报错情况。错误发生在运行`npm run build`时，原因是react-router版本不匹配及路由配置文件routes/index.js使用了ES2015语法但未正确配置babel preset。通过在webpack.config.js中添加ES2015和react的preset，并重新安装相关preset，问题得到解决，项目成功构建。

摘要由CSDN通过智能技术生成

1. 文件布局

routes/index.js

import React from 'react';
import { Router, Route, hashHistory } from 'react-router';
import Home from '../views/Home';
import Detail from '../views/Detail';

const routes = (
  <Router history={hashHistory}>
    <Route path="/" component={Home}/>
    <Route path="/detail/:id" component={Detail}/>
  </Router>
);

export default routes;