本地项目启动后首次进入布局错误

[mayongkang1]

错误布局截图：

正确布局截图：

pro版本
3.2.1

package.json依赖版本信息
"dependencies": { "@ant-design/icons": "^4.8.1", "@ant-design/pro-components": "^2.6.48", "@types/nprogress": "^0.2.3", "@umijs/route-utils": "^2.2.2", "antd": "^5.13.2", "antd-style": "^3.6.1", "classnames": "^2.5.1", "lodash": "^4.17.21", "moment": "^2.30.1", "nprogress": "^0.2.0", "omit.js": "^2.0.2", "querystring": "^0.2.1", "rc-menu": "^9.12.4", "rc-util": "^5.38.1", "react": "^18.2.0", "react-dom": "^18.2.0", "react-helmet-async": "^1.3.0" },

defaultSetting.ts文件
`
import { ProLayoutProps } from '@ant-design/pro-components';

/**

• @name
  */
  const Settings: ProLayoutProps & {
  pwa?: boolean;
  logo?: string;
  } = {
  navTheme: 'light',
  // 拂晓蓝
  colorPrimary: '#1890ff',
  layout: 'mix',
  contentWidth: 'Fluid',
  fixedHeader: true,
  fixSiderbar: true,
  colorWeak: false,
  splitMenus: true,
  siderMenuType: "group",
  title: '接口平台系统',
  pwa: true,
  logo: 'http://dataops.chinacscs.com/favicon.ico',
  iconfontUrl: '//at.alicdn.com/t/c/font_4463357_4you09sgpi7.js',
  token: {
  bgLayout: 'rgb(255,255,255)',
  header: {
  colorTextMenuSelected: 'rgb(22, 119, 255)',
  colorTextMenuActive: 'rgb(22, 119, 255)',
  colorBgMenuItemHover: 'rgb(22, 119, 255, 0.1)',
  colorBgMenuItemSelected: 'rgb(22, 119, 255, 0.1)',
  colorBgHeader:'rgb(255,255,255)'
  },
  sider: {
  colorBgMenuItemHover: 'rgb(22, 119, 255, 0.1)', // 鼠标移入时背景颜色
  colorTextMenuItemHover: 'rgb(22, 119, 255)', // 鼠标移入时字体颜色
  colorBgMenuItemSelected: 'rgb(22, 119, 255, 0.1)', // 菜单选中时背景颜色
  colorTextMenuSelected: 'rgb(22, 119, 255)', // 菜单选中时字体颜色
  colorMenuBackground:'rgb(255,255,255)'
  },
  pageContainer: {
  paddingBlockPageContainerContent: 20,
  paddingInlinePageContainerContent: 20,
  }
  },
  };

export default Settings;
`

其他信息：
只有在项目启动后首次进入会出现布局错误，刷新页面后布局正常。

[AmberSanyu]

检查下你运行时的配置和你的静态配置差异呢