React 报错：export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'

摘要

正在生成中……

App.js部分代码：

<Switch>
  <Route exact path="/">
    <Header />
    <NoteList />
    <AddButton />
  </Route>
  <Route path="/detail">
    <NoteDetail />
  </Route>
</Switch>

这个错误表明在最新版本的 react-router-dom 中，Switch 组件已经不存在了。这很可能是因为你使用的是 react-router-dom 的新版本（v6 或更高），而代码是为旧版本（v5 或更早）编写的。 要解决这个问题，你需要更新代码以使用新版本的 react-router-dom。

import React from 'react';
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
// ... 其他导入保持不变 ...

function App() {
  return (
    <Router>
      <div className="container">
        <Routes>
          <Route path="/" element={
            <>
              <Header />
              <NoteList />
              <AddButton />
            </>
          } />
          <Route path="/detail" element={<NoteDetail />} />
        </Routes>
      </div>
    </Router>
  );
}

export default App;