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

Question

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

但这对我不起作用。

这个应用程序在没有实现 react-router 的情况下也能正常工作!

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

No routes matched location

项目结构

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

index.js

App.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