ant-design / ant-design/pro-components

首次进入,style加载失效🐛[BUG]

Open
#7,495 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
4.8k
Forks
1.4k
Avg merge
10h 44m
Merged PRs (30d)
3

Description

### 🐛 bug 描述

只会出现在首次进入页面的情况,暂时mac上没复现出来,windows上会出现这个问题

首次进入后,PageContainer的header样式没有加载出来,在调试器中的这个style标签都不存在。
刷新页面后,会在dom中出现style标签,并且有对应的css,样式加载成功

### 📷 复现步骤

在windows电脑上,首次进入带有PageContainer的页面,不要刷新

### 💻 复现代码

```ts
// config.ts
export const PageContainerOptions: PageContainerProps = {
fixedHeader: true,
header: {
style: {
backgroundColor: '#fff'
}
}
}
```
```tsx
import { PageContainerOptions } from 'config'
// other codes...

```

### © 版本信息

- ProComponents 版本: [2.3.57]
- umi 版本: umi-max [4.0.52]
- 浏览器环境: [114.0.1823.79 (正式版本) (arm64)]
- 开发环境: [windows11]

### 🚑 其他信息

![image](https://github.com/ant-design/pro-components/assets/56506553/bbc5c3da-870c-4799-a69c-1b10328968e9)
![image](https://github.com/ant-design/pro-components/assets/56506553/ec6028ee-99ce-42fd-9d76-098cb8ba748f)

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the first-visit behavior on Windows 11 with ProComponents 2.3.57 and umi-max 4.0.52, using the PageContainer example from config.ts. Compare the initial DOM with the refreshed DOM and determine what is missing; done means the PageContainer header style is present and applied on the first visit without a refresh.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.