Javascript 在下一个js构建中更改类优先级

我正在尝试使用next JS构建一个网页。并被困在一个只在生产中出现的问题上。 这是我的密码。我正在尝试使用MaterialUI实现抽屉组件

<Drawer
    variant="permanent"
    classes={{
      paper: clsx(classes.drawerPaper, !open && classes.drawerPaperClose),
    }}
    open={open} >

  

我试图改写课堂论文，它在发展方面非常有效。但当我试图在下一个起点上构建和运行时，它就是不起作用

---

当我查看CSS属性时，问题是paper类正在覆盖我的自定义类。

生成的类名在开发模式和生产模式之间有所不同（更多详细信息）。您需要提供有关css选择器的更多信息，以便其他人可以确定您的问题所在。