При попытке получить доступ к компоненту «Вход» моего приложения MERN в рабочей версии я получаю серию следующих ошибок типа, показанных на этом изображении:
Мое приложение ( https://github.com/ahaq0/kumon_schedule ) отлично работает локально и прекрасно работало, размещенное на Heroku ранее сегодня.
Я попытался откатить все изменения в коде, которые я сделал сегодня, но безрезультатно. Точно так же я проверил package.json (и .lock), чтобы увидеть, изменил ли я зависимость материала от пользовательского интерфейса, но это было то же самое. Я не могу понять, почему он вдруг перестал работать на размещенной здесь версии .
Код для строки ошибки приведен ниже. Тем не менее, я не писал, поскольку это является частью материала пользовательского интерфейса.
if (sheetManager.dynamicStyles) {
var dynamicSheet = stylesOptions.jss.createStyleSheet(sheetManager.dynamicStyles, _extends({
link: true
}, options));
dynamicSheet.update(props).attach();
state.dynamicSheet = dynamicSheet;
state.classes = mergeClasses({
baseClasses: sheetManager.staticSheet.classes,
newClasses: dynamicSheet.classes
});
if (sheetsRegistry) {
sheetsRegistry.add(dynamicSheet);
}
} else {
state.classes = sheetManager.staticSheet.classes;
}
sheetManager.refs += 1;
Это мое первое развернутое приложение, и я в растерянности, как все перешло от работы к неработоспособности, несмотря на все мои попытки откатить назад.
Редактировать. Я должен упомянуть, что я проверял в Firefox так же как Chrome, откуда журнал ошибок.
Изменить № 2. После еще большей отладки я обнаружил, что ошибка исчезла, если я откатился на коммит fccc55a5 через Heroku. Однако, если я сделаю новую ветку с этим коммитом и попытаюсь развернуть эту ветку, она не будет работать.
Пожалуйста, смотрите здесь https://github.com/ahaq0/kumon_schedule/compare/fccc55a5...fccc55a5
Когда я вернусь к последней сборке в Heroku, она будет работать. Но если я объединю предыдущий коммит с новой веткой и попытаюсь развернуть его, он не будет.
источник
Ответы:
Добавление "jss": "10.0.0" к "dependencies": {} исправило проблему для меня
--- Обновлено 30.12.19 ---
«JSS» теперь можно удалить,
ошибка была исправлена в:
источник
Если вы используете,
yarn
как я, то вы можете решить эту проблему, добавивresolutions
поле к своей версииpackage.json
таргетингаjss
10.0.0
.package.json
должен выглядеть так:Я также поделился своим решением на Github (и, похоже, оно работало для других): https://github.com/mui-org/material-ui/issues/19005#issuecomment-569447204
Пожалуйста, примите ответ, если он также сработал для вас! :)
источник
jss
10.0.1
версия опубликовала критические изменения, которые нарушают модульные тесты пользовательского интерфейса. Больше информации на: github.com/cssinjs/jss/issues/1249В моем случае это было решено удалением компонента Box.
источник
Я сталкиваюсь с той же проблемой. Это произошло потому, что я обновил @ material-ui / core ^ 4.4.0 до @ material-ui / core ^ 4.8.1. Там может быть серьезные изменения в новой версии или ошибка. Последняя версия была выпущена всего четыре дня назад, так что, возможно, решение еще не найдено. Но для вашей проблемы попробуйте понизить до @ material-ui / core ^ 4.4.0 или предыдущей версии material-ui, которую вы использовали, это должно работать. Откат к предыдущим коммитам не требуется.
источник
Я думаю, что проблема с JSS и компонентом Box в
@material-ui/core
Пока это не исправлено, я установил
styled-components
и переписал компонент Box:источник
Попробуйте обновить
material-ui
до4.8.1
. Если он не работает, добавьте"jss": "10.0.0"
к вашемуpackage.json
как временное решение.Источник: https://github.com/mui-org/material-ui/issues/19005
источник
"jss": "10.0.0"
сработало для меня.Столкнувшись с той же проблемой, а также. Я был на @ material-ui / core ^ 4.7.1, я просто пошел на эксперимент и удалил файл блокировки и node_modules. Тогда я столкнулся с проблемой. Кажется, проблема в @ material-ui / styles в актуальных версиях.
Решил проблему, вернув обновление @ material-ui / core до 4.6.1, удалил файл блокировки и node_modules, снова установив пакеты.
источник
Быстрый обходной путь: удалите свойство .attach () из dynamicSheet.update (props). Однако не рекомендуется для рабочих сред, но это быстрое решение для любых локальных разработчиков.
источник
используя npm:
1 - удалить папку node_modules и файл package-lock.json
2 - открыть файл package.json
3 - изменить или добавить его в зависимости: "@ material-ui / core": "^ 4.6.1",
4 - npm я
решил свою проблему
источник