如何解决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
相关产品推荐
相关产品推荐

