当我运行“npm run dev”时，我的node.js组件按以下顺序进行样式化：
1.自定义scss样式
1.自定义多主题.tsx
1.然后是组件样式。
然而，当我运行“run build”+“npm run start”时，我的node.js组件的样式顺序是：
1.自定义多主题.tsx
1.然后是组件样式。
1.自定义scss样式
导入它们的顺序打乱了css，因为自定义样式应该首先导入。现在它正确地显示了node.js开发中的样式，但在生产中却没有，因为我的自定义样式被默认的Mui样式覆盖了。
我将自定义样式文件和自定义多主题导入_app. tsx。
我的自定义样式文件：styles/styles.scss
我的自定义多主题：styles/muiTheme.tsx
我试过在_app.tsx中切换文件的顺序，但没有什么区别。我也看了我的本地版本，并试图在生产环境中运行它，但这也不起作用。我的研究也没有找到一个好的答案。
github相关问题：
1条答案
按热度按时间ncecgwcz1#
我找到了一个解决办法，但不是最好的。如果有人有更好的办法，我想知道。
你可以使用double classes，double ids，id代替classes或者！important来给予你自己的样式更多的重要性。
.custom-selector.custom-selector〉.custom-selector
custom-id〉.custom-class
id#id〉#id
stack overflow answer where i found this solution.