TypeError: Impossible de lire la propriété 'attach' de makeStyles.js non défini

Lorsque j'essaie d'accéder au composant de connexion de mon application MERN sur la version de production, j'obtiens une série des erreurs de type suivantes affichées dans cette image:

Mon application ( https://github.com/ahaq0/kumon_schedule ) fonctionne parfaitement bien localement et fonctionnait parfaitement bien hébergée sur Heroku plus tôt dans la journée.

J'ai essayé d'annuler toutes les modifications du code que j'ai apportées aujourd'hui en vain. De même, j'ai vérifié le package.json (et .lock) pour voir si j'ai changé la dépendance matérielle de l'interface utilisateur, mais c'était la même chose. Je n'arrive pas à comprendre pourquoi cela a cessé de fonctionner soudainement sur la version hébergée ici .

Le code de la ligne de l'erreur est ci-dessous. Cependant, je n'ai pas écrit car cela fait partie de l'interface utilisateur matérielle.

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;

Ceci est ma première application déployée et je ne sais pas comment tout est passé de travailler à ne pas fonctionner malgré mes meilleures tentatives pour faire reculer les choses.

Éditer. Je dois mentionner que j'ai testé dans Firefox ainsi que dans Chrome d'où provient le journal des erreurs.

Modifier # 2. Après beaucoup de débogage, j'ai découvert que l'erreur avait disparu si je revenais pour valider fccc55a5 via Heroku. Cependant, si je crée une nouvelle branche avec ce commit et essaye de déployer cette branche, cela ne fonctionnera pas.

Veuillez voir ici https://github.com/ahaq0/kumon_schedule/compare/fccc55a5...fccc55a5

Lorsque je reviens à cette dernière version de Heroku, cela fonctionnera. Mais si je fusionne ce commit précédent dans une nouvelle branche et essaye de le déployer, ce ne sera pas le cas.

Ajouter "jss": "10.0.0" aux "dépendances": {} a résolu le problème pour moi

--- Mis à jour le 30.12.19 ---

"jss" peut maintenant être supprimé,

bug a été corrigé dans:

"@material-ui/core": "4.8.2",

Si vous utilisez yarncomme moi, vous pouvez le résoudre en ajoutant un resolutionschamp à votre version de package.jsonciblage jss 10.0.0.

package.json devrait ressembler à ceci:

{

  "dependencies": {
    "@material-ui/core": "^4.8.1",

  },
  "resolutions": {
    "jss": "10.0.0"
  }
}

J'ai également partagé ma solution sur Github (et il semble que cela a fonctionné pour d'autres): https://github.com/mui-org/material-ui/issues/19005#issuecomment-569447204

Veuillez accepter la réponse si cela a également fonctionné pour vous aussi! :)

Dans mon cas, il a été résolu en supprimant le composant Box.

Je suis confronté au même problème. Cela s'est produit parce que j'ai mis à jour @ material-ui / core ^ 4.4.0 vers @ material-ui / core ^ 4.8.1. Il y a peut-être des changements de rupture dans la nouvelle version ou un bug. La dernière version est sortie il y a seulement quatre jours, il n'y a peut-être pas encore de solution. Mais pour votre problème, essayez de rétrograder vers @ material-ui / core ^ 4.4.0 ou la version précédente de material-ui que vous utilisiez, cela devrait fonctionner. Il n'est pas nécessaire de revenir aux validations précédentes.

Je pense que le problème est avec jss et le composant Box dans @material-ui/core

Jusqu'à ce qu'il soit réparé, j'ai installé styled-componentset réécrit le composant Box:

import {
  borders,
  BordersProps,
  display,
  DisplayProps,
  flexbox,
  FlexboxProps,
  palette,
  PaletteProps,
  positions,
  PositionsProps,
  shadows,
  ShadowsProps,
  sizing,
  SizingProps,
  spacing,
  SpacingProps,
  typography,
  TypographyProps,
} from '@material-ui/system';
import styled from 'styled-components';

/*
 * Box with styled-components
 */
export const Box = styled.div<
  BordersProps & DisplayProps & FlexboxProps & PaletteProps & PositionsProps & ShadowsProps & SizingProps & SpacingProps & TypographyProps
>`${borders}${display}${flexbox}${palette}${positions}${shadows}${sizing}${spacing}${typography}`;

Essayez de passer material-uià 4.8.1. Si cela ne fonctionne pas, ajoutez-le "jss": "10.0.0"en package.jsontant que correctif temporaire.

Source: https://github.com/mui-org/material-ui/issues/19005

Face au même problème également. J'étais sur @ material-ui / core ^ 4.7.1, je suis juste allé expérimenter et supprimé le fichier de verrouillage et les node_modules. Ensuite, j'ai fait face au problème. Il semble que le problème soit sur les versions @ material-ui / styles up to date.

Résolu le problème en rétablissant la mise à jour de @ material-ui / core en 4.6.1, supprimé le fichier de verrouillage et node_modules, en réinstallant les packages.

Solution rapide: supprimez la propriété '.attach ()' de dynamicSheet.update (props). Non recommandé pour les environnements de production, cependant, c'est une solution rapide pour tous les environnements de développement local.

en utilisant npm:
1- supprimer le dossier node_modules et le fichier package-lock.json
2- ouvrir le fichier package.json
3- modifier ou ajouter ceci sous les dépendances: "@ material-ui / core": "^ 4.6.1",
4- npm j'ai
résolu mon problème.