提交 4ddb70a0 authored 作者: 王鹏飞's avatar 王鹏飞

chore: update

上级 227c5f8b
import { Suspense } from 'react'
import { ErrorBoundary } from 'react-error-boundary' import { ErrorBoundary } from 'react-error-boundary'
import { Button } from 'antd' import { Button } from 'antd'
import './App.less' import './App.less'
...@@ -18,7 +19,9 @@ function fallbackRender({ error, resetErrorBoundary }) { ...@@ -18,7 +19,9 @@ function fallbackRender({ error, resetErrorBoundary }) {
function App() { function App() {
return ( return (
<ErrorBoundary fallbackRender={fallbackRender}> <ErrorBoundary fallbackRender={fallbackRender}>
<GetroutesDyamic /> <Suspense>
<GetroutesDyamic />
</Suspense>
</ErrorBoundary> </ErrorBoundary>
) )
} }
......
import React from 'react'; import { Outlet } from 'react-router-dom'
import { Outlet } from 'react-router-dom';
import './index.less'; import './index.less'
const User = () => { const User = () => {
return ( return (
<div className='user-content'> <div className="user-content">
<div className='form-container'> <div className="form-container">
<div className='left-container'></div> <div className="left-container"></div>
<div className='form-field-box'> <div className="form-field-box">
<div className='form-field'> <div className="form-field">
<Outlet /> <Outlet />
</div> </div>
</div> </div>
</div> </div>
</div> </div>
); )
}; }
export default User; export default User
import { lazy } from 'react' import { lazy } from 'react'
import { Navigate } from 'react-router-dom' import { Navigate } from 'react-router-dom'
import { lazyLoad, authComponent } from './lazyLoadAndDelay' // 添加一个固定的延迟时间,以便你可以看到加载状态 import { authComponent } from './lazyLoadAndDelay' // 添加一个固定的延迟时间,以便你可以看到加载状态
import Layout from '@/layout/index' import Layout from '@/layout/index'
import UserModule from '@/pages/user-module'
const baseRouter = [ const baseRouter = [
{ {
...@@ -18,8 +17,7 @@ const baseRouter = [ ...@@ -18,8 +17,7 @@ const baseRouter = [
}, },
{ {
path: '/login', path: '/login',
element: lazyLoad(UserModule), Component: lazy(() => import('@/pages/user-module')),
// Component: lazy(() => import('@/pages/user-module')),
children: [ children: [
{ {
index: true, index: true,
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论