Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 物料UI生产构建生成与开发中不同的样式订单定义_Javascript_Reactjs_Material Ui_Parceljs - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 物料UI生产构建生成与开发中不同的样式订单定义

Javascript 物料UI生产构建生成与开发中不同的样式订单定义

javascript reactjs material-ui

Javascript 物料UI生产构建生成与开发中不同的样式订单定义,javascript,reactjs,material-ui,parceljs,Javascript,Reactjs,Material Ui,Parceljs,使用材质ui，生产构建与开发构建不同：生产中生成的材质ui样式的定义顺序与开发构建中的不同 在DEV中，HTMLhead标记按以下顺序包含材质ui样式： 缪帕 Muitouch波纹 缪布顿基 米布顿 [……] 在PROD中，HTMLhead标记按以下顺序包含材质ui样式： 米布顿 缪布顿基 缪康 缪梅努 [……] 所以在生产中，它打破了样式：材质ui自身的样式相互覆盖 更多背景： 版本4.11.3中使用了材质ui 包裹用于制作生产构建 自定义makeStyles未使用（因此我不关心解决

使用材质ui，生产构建与开发构建不同：生产中生成的材质ui样式的定义顺序与开发构建中的不同

在DEV中，HTML
head
标记按以下顺序包含材质ui样式：

  • 缪帕
  • Muitouch波纹
  • 缪布顿基
  • 米布顿
  • [……]
在PROD中，HTML
head
标记按以下顺序包含材质ui样式：

  • 米布顿
  • 缪布顿基
  • 缪康
  • 缪梅努
  • [……]
所以在生产中，它打破了样式：材质ui自身的样式相互覆盖

更多背景：

  • 版本4.11.3中使用了材质ui
  • 包裹用于制作生产构建
  • 自定义
    makeStyles
    未使用（因此我不关心解决方案）
  • 我尝试了这里描述的解决方案，但没有成功：=>我创建了一个
    generateClassName
    实例，并将其传递给组件树顶部使用的
    StylesProvider
    （此解决方案没有效果）
  • @未使用材质ui/样式
我的问题：如何确保材质ui样式在开发和生产中以相同的方式呈现？

解决方案实际上是升级到材质ui的v5:

根本问题似乎与材料ui v4未正确处理树抖动有关：