React Router v4 迁移错误 webpack答案

【问题标题】：React Router v4 migrate error webpackReact Router v4 迁移错误 webpack
【发布时间】：2017-09-14 09:46:29
【问题描述】：

我尝试迁移到 react-router v4 ，但是在运行应用程序时遇到了一些问题，webpack_require.i(...) 不是一个函数，我应该怎么做才能迁移到路由器v4。是否有任何机构以前遇到过此错误。我搞砸了什么？

【问题讨论】：

【解决方案1】：

React Router v4 被拆分为 multiple modules，以便完全支持浏览器和原生应用程序。

因此从版本 4 开始，如果你正在构建一个 web 应用程序，你不应该再直接安装react-router，而是安装由react router "core" plus web-related packages组成的react-router-dom。

我个人发现this gist 对了解如何从 3 迁移到 4 非常有帮助。

【讨论】：

所以我只能使用 react-router-dom 或者应该同时安装 npm install --save react-router@next 和 npm install --save react-router-dom@next
react-router-dom 安装 react-router 作为依赖项。

【解决方案2】：

安装 react router(v 4.0.0-alpha5) 并将其从命令保存到 package.json

npm i react-router-next --save

然后像这样导入

import { BrowserRouter, Match, Link } from 'react-router-next'

它会正常工作

【讨论】：