Electron 中的 React Router 6 - 没有匹配位置的路由

Question

我正在尝试在电子js应用程序中使用react-router v6。

但这对我不起作用。

这个应用程序可以在不实现react-router的情况下正常工作！

当我使用react-router v6时，我会在控制台中收到此消息，并且不显示内容

没有路线匹配位置

项目结构

在此项目中，index.html文件加载build文件夹内的app.js。

索引.js

应用程序.jsx

    import React from "react";
    import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";
    import { Home, Blog } from "./pages";
    import "./App.scss";

    const Application = () => {
      return (
        <Router>
          <nav id="navigation">
            <ul>
              <li>
                <Link to="/">Home</Link>
              </li>
              <li>
                <Link to="/blog">Blog</Link>
              </li>
            </ul>
          </nav>
          <div id="content">
            <Routes>
              <Route path="/" element={<Home />} />
              <Route path="/blog" element={<Blog />} />
            </Routes>
          </div>
        </Router>
      );
    };

    export { Application };

Answer 1

尝试使用HashRouter而不是BrowserRouter

https://reactrouter.com/docs/en/v6/api#hashrouter