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

IT技术 reactjs react-router
2021-05-27 12:42:54

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

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

my 中的导入语句index.js

import { render } from 'react-dom';
import { BrowserRouter, Match, Miss } from 'react-router';
4个回答

你需要BrowserRouterreact-router-dom

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

关于BrowserRouter 的更多信息

BrowserRouter 是其中的一部分,react-router-dom因此您必须从react-router-dom.

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

Match并且Missreact-router. Match已更改为RouteMiss已删除。您可以使用Switch代替Miss

参考这个关于Match和的问题Miss

正如其他人所说,BrowserRouter 在 react-router-dom 中。V4 与 v3 非常不同。我建议查看他们的指南以了解如何使用它。您寻找的任何示例都应该适用于版本 4。

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

import { BrowserRouter as Router, Route } from 'react-router-dom'

问题:

'Route' 不是从 'react-router-dom' 导出的(作为 'Router' 导入)。

解决方案:

只需关闭本地主机并重新运行 npm start,它就可以正常工作