[Bug] umi4 创建 ant design pro 刷新之后侧边栏样式变了，侧边栏位置发生了改变

PeiRunWu commented 1 year ago

What happens?

在web端按F12出现调试框的时候进行刷新，侧边栏的样式出现改变，这是改变之后的样式，侧边栏样式直接丢失了，这是丢失样式的图片：

我采用最初始的umi4 创建的ant design pro 也有此问题

Mini Showcase Repository(REQUIRED)

https://github.com/PeiRunWu/bug/blob/8a7f105dad1a8939b334214979f8bd13e372a6b7/umi/config/defaultSettings.ts

`import { ProLayoutProps } from '@ant-design/pro-layout';

这是代码样式 const Settings: ProLayoutProps & { pwa?: boolean; logo?: string; } = { navTheme: 'light', colorPrimary: '#1890ff', layout: 'side', contentWidth: 'Fluid', fixedHeader: false, fixSiderbar: true, colorWeak: false, title: 'Manager-admin', pwa: false, logo: 'https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg', iconfontUrl: '', token: { bgLayout: '#F0F2F5', sider: { colorMenuBackground: '#fff', colorMenuItemDivider: '#dfdfdf', colorTextMenu: '#595959', colorTextMenuSelected: 'rgba(42,122,251,1)', colorBgMenuItemSelected: 'rgba(230,243,254,1)', }, }, };

export default Settings;`

解决：理应刷新之后侧边栏位置不会发生改变，

hyzx86 commented 1 year ago

是不是这个问题？https://github.com/ant-design/pro-components/issues/6978

PeiRunWu commented 1 year ago

是不是这个问题？ant-design/pro-components#6978 我这个刷新之后样式都直接丢了

fz6m commented 1 year ago

最新版本 "@ant-design/pro-components": "^2.4.6", 我试了是没有问题的，如有问题，需要给一个最小复现。

PeiRunWu commented 1 year ago

https://user-images.githubusercontent.com/42695882/235150888-7950f8ce-6714-4b1b-bf30-f2b4c3da2c7a.mp4

这是一个录制视频，我的配置版本信息是：

PeiRunWu commented 1 year ago

{ "private": true, "author": "CaroLe 470481357@qq.com", "scripts": { "dev": "max dev", "build": "max build", "format": "prettier --cache --write .", "prepare": "husky install", "postinstall": "max setup", "setup": "max setup", "start": "npm run dev" }, "dependencies": { "@ant-design/icons": "^5.0.1", "@ant-design/pro-components": "^2.4.6", "@umijs/max": "^4.0.66", "antd": "5.4.6" }, "devDependencies": { "@types/react": "^18.0.33", "@types/react-dom": "^18.0.11", "husky": "^8.0.3", "lint-staged": "^13.2.0", "prettier": "^2.8.7", "prettier-plugin-organize-imports": "^3.2.2", "prettier-plugin-packagejson": "^2.4.3", "typescript": "^5.0.3" } }

hyzx86 commented 1 year ago

最新版本 "@ant-design/pro-components": "^2.4.6", 我试了是没有问题的，如有问题，需要给一个最小复现。

antdpro 最新版代码，删除 lock文件重新 pnpm i 就坏掉了

umijs / umi

[Bug] umi4 创建 ant design pro 刷新之后侧边栏样式变了，侧边栏位置发生了改变 #11071

What happens?

Mini Showcase Repository(REQUIRED)