相关疑难解决方法(0)

我不知道为什么会收到此错误，并且在任何地方都找不到答案。我已经卸载了该react-router-dom软件包并重新安装了它，但它仍然告诉我交换机模块未从react-router-dom导出。这是我的代码。

我收到的错误：

尝试导入错误：“Switch”未从“react-router-dom”导出。

代码

import React from 'react';
import './App.css';
import NavBar from './components/navbar.js';
import Footer from './components/footer.js';
import Home from './components/pages/homepage/home.js';
import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom';

function App() {
  return (
    <Router>
      <div className="app-container">
        <NavBar />
        <Switch>
          <Route path="/home" component={Home} />
        </Switch>
        <Footer />
      </div>
    </Router>
  );
}

export default App;

Failed to compile. Attempted import error: 'withRouter' is not exported from 'react-router-dom'.

我的代码是这样的，我还安装了react-router-dom一个反应路由，现在我已经将应用程序重新旋转了 10 次

import React from 'react';
import {withRouter} from 'react-router-dom';

import './menu-item.scss';

const MenuItem = ({ title, imageUrl, size, history }) => (
  <div className={`${size} menu-item`}>
    <div
      className='background-image'
      style={{
        backgroundImage: `url(${imageUrl})`,
      }}
    />
    <div className='content'>
      <h1 className='title'>{title.toUpperCase()}</h1>
      <span className='subtitle'>SHOP NOW</span>
    </div>
  </div>
);

export default withRouter(MenuItem);