'react-router'不包含名为'BrowserRouter'的导出

Question

我正在使用react-router版本5.5.1并尝试在我的index.js文件中使用它：

./src/index.js
14:8-21 'react-router' does not contain an export named 'BrowserRouter'

我的index.js中的导入声明：

import { render } from 'react-dom';
import { BrowserRouter, Match, Miss } from 'react-router';

Answer 1

您需要从BrowserRouter

导入react-router-dom

import { BrowserRouter } from 'react-router-dom'

有关BrowserRouter

的更多信息

Answer 2

BrowserRouter是react-router-dom的一部分，因此您可以从react-router-dom导入它。

import { BrowserRouter } from 'react-router-dom'

Match和Miss是react-router的alpha版本中的组件。 Match已更改为Route，Miss已被删除。您可以使用Switch代替Miss

有关Match和Miss

的信息，请参阅this question

Answer 3

BrowserRouter正处于react-router-dom中，正如其他人所说的那样。 V4与v3非常不同。我建议查看他们的指南，看看如何使用它。您寻找的任何示例都应该是版本4.

https://reacttraining.com/react-router/web

Answer 4

所以我对React-router-dom中的Link也有同样的问题。我通过安装相同版本的react-route和react-router-dom解决了它。看起来react-router-dom中没有链接。

yarn add react-router react-router-dom