[英]React-router-dom is not working with Vite
我正在構建一個基於 React 和 Vite 的 web 應用程序。 我還使用react-router-dom
創建到我的應用程序的導航,但是當我 go 到主頁時,我在瀏覽器的控制台中遇到了這個錯誤:
Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/react-router-dom.js?v=67b79ac4' does not provide an export named 'Redirect'
我正在嘗試使用react-router-dom
導航到我的 React 應用程序。 這是我的App.jsx
代碼:
import { BrowserRouter as Router, Switch, Route, Redirect } from "react-router-dom"
import Header from "./routes/Header/Header";
import Home from "./routes/Home/Home.jsx";
import AboutMe from "./routes/AboutMe/AboutMe.jsx";
import Portfolio from "./routes/Portfolio/Portfolio.jsx";
import Socials from "./routes/Socials/Socials.jsx";
function App() {
return (
<div className="App">
<Router>
<Header />
<Switch>
<Route exact path="/" component={Home} />
<Route exace path="/about-me" component={AboutMe} />
<Route exact path="/portfolio" component={Portfolio} />
<Route exact path="/socials" component={Socials} />
<Redirect to="/" />
</Switch>
</Router>
</div>
)
}
export default App
這是我在package.json
文件中的所有依賴項:
"dependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.5.0",
"sass": "^1.57.0"
},
"devDependencies": {
"@types/react": "^18.0.26",
"@types/react-dom": "^18.0.9",
"@vitejs/plugin-react": "^3.0.0",
"vite": "^4.0.0"
}
那么有人能解釋一下為什么我的導航不起作用,我該如何解決這個問題?
npm 安裝 react-router-dom localforage match-sorter sort-by
將這個 package 用於 vite React 路由器。 這對我有用
import { BrowserRouter, Route, Routes } from 'react-router-dom';
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.