react-router-dom使用electron的坑

最新推荐文章于 2024-10-22 10:59:43 发布

lcg前端

最新推荐文章于 2024-10-22 10:59:43 发布

阅读量1.4k

点赞数 1

文章标签： react.js electron javascript

本文链接：https://blog.csdn.net/weixin_46030510/article/details/127882544

版权

在react项目中使用react-router-dom，使用electron打包该项目之后，提示路由不匹配的问题，页面出不来。

解决方法：

将 BrowserRouter 替换为 HashRouter

import { Route, Routes, HashRouter as Router, Link } from “react-router-dom”;

<Router>
      <Routes>
        <Route path={"/data"} element={
          <div></div>
        } />
        <Route path={"/"} element={
          <div>
            <Link to={"/data"} style={{ color: "red" }}>点击按钮跳转工作页</Link>
          </div>
        } />
     </Routes>
</Router>