出口无法工作 - 未找到页面 - React 路由器，Vite 5

Question

使用

Outlet

进行 React 路由，在使用 vite 构建或预览后会出现页面未找到错误（在开发环境中工作正常）

根.tsx

export default function Root() {
  return (
    <main className={styles.main}>
      <div>
        <Link to="/">Home</Link> <Link to="about">About</Link>
      </div>
      <div>
        <Outlet />
      </div>
    </main>
  );
}

索引.tsx

export default function Index() {
  return <p>Hello, Home page!</p>;
}

关于.tsx

export default function About() {
  return <p>Hello, About page!</p>;
}

版本： 反应路由器：6.22.3 视频：5.2.10

Answer 1

对于

yarn

或

npm

package.json：

"resolutions": {
    "rollup": "4.15.0"
}

对于

pnpm

package.json：

"pnpm": {
    "overrides": {
        "rollup": "4.15.0"
    }
}

来源