umijs / umi

A framework in react community ✨
https://umijs.org
MIT License
15.08k stars 2.64k forks source link

[Bug] 根据umi4官方文档安装带有antd-design-pro的项目,antd-design-pro布局样式异常 #10910

Closed NieShiyi closed 1 year ago

NieShiyi commented 1 year ago

What happens?

根据umi4官方文档安装带有antd-design-pro的项目, 界面antd-design-pro布局和样式异常 参照文档:https://umijs.org/docs/tutorials/getting-started

Mini Showcase Repository(REQUIRED)

https://github.com/NieShiyi/umi4-antdpro-style (readme文档里有具体的问题描述)

Please provide a minimal reproduction then upload to your GitHub. 请提供 最小重现,并上传到你的 GitHub 仓库

How To Reproduce

Steps to reproduce the behavior: 1. 2. 直接启动项目 pnpm start Expected behavior 1. 2. 期望antd-design-pro的样式和布局是正常显示

Context

  1. 根据umi4文档 执行pnpm dlx create-umi@latest
  2. 选择pnpm、taobao、antd-design-pro
  3. pnpm start启动项目,显示如下布局样式混乱的界面 image
fz6m commented 1 year ago

在 #10913 跟进

NieShiyi commented 1 year ago

主要是pnpm v8 导致安装依赖的版本有问题,发现在umi的配置文件中设置theme主题样式也有问题

fz6m commented 1 year ago

目前在 #10913 给出了几种本地可以先自己解决的方法,同时也在积极应对 pnpm v8 的问题,这个 issue 先关了。