[前端求助] 同样的代码页面表现不一致

[JustSong]

问题描述

我正在重构博客系统的服务端（ Express.js + Sequelize ）部分，突然发现后台管理页面（ React + AntD ）的滚动出了问题，侧边导航栏不再固定，滚动时会留白：

本来我以为是我不小心改了什么东西，结果发现并没有什么值得注意的地方（后台管理页面在项目的 admin 文件夹内）： https://github.com/songquanpeng/blog/compare/d58e079...master

线上版本为：commit d58e079，是没问题的。

离谱的是，使用 Gitpod 测试该版本（ d58e079 ），发现也出现了该问题。

复现步骤

git clone https://github.com/songquanpeng/blog
git checkout d58e079
npm i
npm run build # linux
npm run build2 # windows
npm start

打开 http://localhost:3000/admin，账户 admin，密码 123456，切换到 Setting tab，选择 Third Party 子 tab，即可发现问题，或者直接把浏览器拉扁，也可发现侧边栏不再固定。

[silk]

ant-layout ant-layout-has-sider 去掉高度

[SakuraKuma]

@JustSong 因为你的"正常来说"不正常:doge , 没人设计导航栏会默认固定, 你可以套个 affix 试试.

[DoodleSit]

ant-layout-has-sider

overflow:hidden

======

ant-layout-content

overflow:auto

[ccnotfound]

右边 content 高度超过了屏幕高度 设置右边内容滚动就可以了
.ant-layout-content{
overflow-y: auto;
}

[angusun]

如果不同环境下表现不一致，要不就是动了代码，要不就是动了依赖。

[faceRollingKB]

可能是本地安装依赖的时候更新了依赖版本，跟上次构建时依赖不同导致的

如果可以找到线上版本构建的依赖版本，本地固定 version 测一下应该就能复现

[shilianmlxg]

我也遇到过 element 打包 build 和 dev 环境不一样。依赖问题。还有打包到 main.css 样式覆盖了