Блог

Я использую material-ui для своего next.js запрограммируйте и попробуйте обновить его с v4 до v5. Я переключаю движок sytle на двухкомпонентный, потому что я уже использовал его в своем проекте раньше. После обновления я обнаружил, что некоторые компоненты, такие как элемент меню, имеют нарушенный стиль. (теги стилей в заголовке html) Я заглянул в консоль chrome, и мне показалось, что тег стиля расположен не в правильном порядке. (стили переопределяются в неправильном порядке) Как вы можете видеть на скриншоте, некоторые теги стилей Mui jss вставляются после тега стиля компонента styled, что приводит к тому, что стили переопределяют друг друга в неправильном порядке. Я понятия не имею, откуда берутся эти теги стиля jss и как изменить порядок. Я нашел кое-что в документе material-ui о порядке внедрения css, но, похоже, это не относится к такого рода ситуации. Кто-нибудь может помочь?