react-router-dom 降低版本的两种方法详解

前言

react-router-dom 如今已经升级到了 V6 版本，相比较 V5 版本，变化还是挺大的。如今使用 npm install react-router-dom -S 命令来下载 react-router-dom ，会自动下载 V6 版本， V6 版本会在接下来的一段时间内成为主流。不过对于用习惯了 V5 版本的开发者而言，自然是有些不习惯。本篇文章就记录下如何降低 react-router-dom 为 v5 版本的两种方法。

1. 使用 npm 命令降低到指定版本

npm install react-router-dom@版本号 -S

// 比如
npm install react-router-dom@5.2.1 -S

2.手动修改 package.json 文件，然后 npm install

Tips: 个人建议使用第一种 npm 命令的形式。

如果使用上述方法后 react-router-dom 报错，可以尝试下以下方法解决：

1、删除 node_modules 文件夹，然后重新 npm install 下载

如果删除后重新下载，react-router-dom 仍然报错，则使用下述命令：

 npm i --save @types/react-router-dom

Tips: 该命令要在使用过上述两种方法之一后在使用

基本上到这里，版本号就成功的降为了指定版本，页面中的 react-router-dom 也不会报错。

接下来，我会慢慢更新 react-router-dom V5版本 与 v6版本 的区别以及写法，毕竟 V6版本在接下来相当一段时间内会是主流，大家还是尽快熟悉 V6 版本的特性为好。