我有一个 React 应用程序,今天将其更新到 React 18 和 ReactRouter v6。在 Chrome 上一切都运行良好。但在 Safari 上,每次我将一条路线更改为另一条路线时,都会完整的 React App 重新渲染。控制台已完全清除,我看到了加载屏幕,该屏幕通常在构建反应应用程序时显示。
我的应用程序.tsx:
import {
Route,
Routes,
Navigate,
useLocation,
} from "react-router-dom";
import Typography from '@mui/material/Typography';
import React from "react";
import { useApi } from "./api";
import SidebarLayout from "./components/SidebarLayout";
import LHome from "./pages/lazy/LHome";
import LService from "./pages/lazy/LService";
import LDashbord from "./pages/lazy/LDashbord";
import LMasterplan from "./pages/lazy/LMasterplan";
import LWeekPlanSchedule from "./pages/lazy/LWeekPlanSchedule";
import LEmployeeManager from "./pages/lazy/LEmployeeManager";
import LVacationManager from "./pages/lazy/LVacationManager";
import LLogin from "./pages/lazy/LLogin";
import LJumperDays from "./pages/lazy/LJumperDays";
import …Run Code Online (Sandbox Code Playgroud)