You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何解决Next.js生产与开发环境UI不一致问题?

Next.js生产环境UI与开发环境样式不一致问题
  • 部署方式:通过PM2+NGINX部署Next.js项目的生产构建版本
  • 技术栈:使用Material UI组件(Typography、IconButton、Select等),同时采用SCSS及CSS modules
  • 具体样式差异:Task标题文本大小、两个下拉框间距、深色模式按钮的颜色与位置
  • 已尝试的无效方案:重新构建生产版本、切换为SCSS模块、搜索同类问题并尝试解决

补充:下拉框样式差异截图

  • 生产环境(存在未知来源的额外CSS):生产环境下拉框样式
  • 开发环境:开发环境下拉框样式

补充推测

目前推测问题根源是CSS加载顺序错误:Material UI的FormControl样式在自定义CSS模块之后加载,导致下拉框margin被设为0,但尚未找到解决办法。

内容的提问来源于stack exchange,提问作者Josh

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.18 01:57:06