TypeError: Die Eigenschaft 'attach' von undefined makeStyles.js kann nicht gelesen werden

15

Beim Versuch, in der Produktionsversion auf die Anmeldekomponente meiner MERN-App zuzugreifen, wird eine Reihe der folgenden in diesem Bild gezeigten Typfehler angezeigt:

Geben Sie hier die Bildbeschreibung ein

Meine App ( https://github.com/ahaq0/kumon_schedule ) funktioniert lokal einwandfrei und hat heute auf Heroku einwandfrei funktioniert.

Ich habe versucht, alle Änderungen im Code, die ich heute vorgenommen habe, ohne Erfolg zurückzusetzen. In ähnlicher Weise habe ich die Datei package.json (und .lock) überprüft, um festzustellen, ob ich die Abhängigkeit der Material-Benutzeroberfläche geändert habe, aber das war dieselbe. Ich kann nicht herausfinden, warum es bei der gehosteten Version hier plötzlich nicht mehr funktioniert .

Der Code für die Fehlerzeile ist unten. Ich habe jedoch nicht geschrieben, da es Teil der materiellen Benutzeroberfläche ist.

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;

Dies ist meine erste bereitgestellte App, und ich bin ratlos, wie alles von der Arbeit zur Nicht-Arbeit überging, trotz meiner besten Versuche, die Dinge zurückzusetzen.

Bearbeiten. Ich sollte erwähnen, dass ich sowohl in Firefox als auch in Chrome getestet habe, woher das Fehlerprotokoll stammt.

Bearbeiten Sie # 2. Nach viel mehr Debugging stellte ich fest, dass der Fehler behoben ist, wenn ich zurücksetze, um fccc55a5 über Heroku festzuschreiben. Wenn ich jedoch mit diesem Commit einen neuen Zweig erstelle und versuche, diesen Zweig bereitzustellen, funktioniert dies nicht.

Bitte sehen Sie hier https://github.com/ahaq0/kumon_schedule/compare/fccc55a5...fccc55a5

Wenn ich zu diesem letzten Build in Heroku zurückkehre, wird es funktionieren. Wenn ich dieses vorherige Commit jedoch in einem neuen Zweig zusammenführe und versuche, es bereitzustellen, wird dies nicht der Fall sein.

Undeutlich
quelle
War das behoben?
Mike K
Sie können es zeitlich mit meiner Antwort lösen: stackoverflow.com/a/59514748/3971297
Alfonso M. García Astorga

Antworten:

10

Das Hinzufügen von "jss": "10.0.0" zu "Abhängigkeiten": {} hat das Problem für mich behoben

--- Aktualisiert am 30.12.19 ---

"jss" kann jetzt entfernt werden,

Fehler wurde behoben in:

"@material-ui/core": "4.8.2",
Jouta Helm
quelle
1
Das hat bei mir funktioniert, danke, wenn Sie auf dieses Problem stoßen, überprüfen Sie die Version des von Ihnen installierten Material-UI-Kerns, aktualisieren Sie ihn (oder verwenden Sie "^ 4.XX"), entfernen Sie einfach node_modules und package.lock. json oder yarn.lock.json und führen Sie eine neue npm-Installation durch
Braulio
6

Wenn Sie yarnwie ich verwenden, können Sie es lösen, indem Sie resolutionsIhrem package.jsonTargeting ein Feld hinzufügenjss 10.0.0 Version .

package.json sollte so aussehen:

{

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

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

Ich habe meine Lösung auch auf Github geteilt (und es scheint, dass sie für andere funktioniert hat): https://github.com/mui-org/material-ui/issues/19005#issuecomment-569447204

Bitte akzeptieren Sie die Antwort, wenn es auch bei Ihnen funktioniert hat! :) :)

Alfonso M. García Astorga
quelle
Woher wusstest du, dass dies das Problem ist?
Mike K
2
@MikeK, da die jss 10.0.1Version wichtige Änderungen veröffentlicht hat, die die Unit-Tests der Material-Benutzeroberfläche unterbrechen . Weitere Informationen unter: github.com/cssinjs/jss/issues/1249
Alfonso M. García Astorga
3

In meinem Fall wurde es durch Entfernen der Box-Komponente behoben.

Unbekannt
quelle
1

Ich stehe vor dem gleichen Problem. Es ist aufgetreten, weil ich @ material-ui / core ^ 4.4.0 auf @ material-ui / core ^ 4.8.1 aktualisiert habe. Es gibt möglicherweise wichtige Änderungen in der neuen Version oder einen Fehler. Die neueste Version wurde erst vor vier Tagen veröffentlicht, daher gibt es möglicherweise noch keine Lösung. Aber für Ihr Problem versuchen Sie, ein Downgrade auf @ material-ui / core ^ 4.4.0 oder die vorherige Version von material-ui durchzuführen, die Sie verwendet haben. Es sollte funktionieren. Es ist nicht erforderlich, ein Rollback auf vorherige Commits durchzuführen.

Lalit Jharbade
quelle
Nach dem Aktualisieren aktualisiert die material-ui npm alle Abhängigkeiten, sodass ein einfaches Downgrade nicht funktioniert. Eine bessere Lösung kann darin bestehen, den gesamten Ordner "nodemodules" zu löschen und package.json und package-lock.json durch dieselben Dateien aus dem vorherigen Commit zu ersetzen (Commit kurz vor dem Update). Dann installiere npm, ich habe das gemacht und alles funktioniert gut.
Lalit Jharbade
1

Ich denke, das Problem liegt bei jss und der Box-Komponente in @material-ui/core

Bis es behoben ist, habe ich styled-componentsdie Box-Komponente installiert und neu geschrieben:

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}`;
Vincent Delacourt
quelle
1

Versuchen Sie ein Upgrade material-uiauf 4.8.1. Wenn es nicht funktioniert, fügen "jss": "10.0.0"Sie es package.jsonals vorübergehende Korrektur hinzu.

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

Hugo Dias
quelle
1
Hinzufügen "jss": "10.0.0"hat bei mir funktioniert.
Mike K
-1

Das gleiche Problem auch. Ich war auf @ material-ui / core ^ 4.7.1, ich ging nur zum Experimentieren und entfernte die Sperrdatei und die Knotenmodule. Dann stand ich vor dem Problem. Das Problem scheint auf @ material-ui / styles aktuelle Versionen zu sein.

Das Problem wurde behoben, indem die Aktualisierung von @ material-ui / core auf 4.6.1 zurückgesetzt, die Sperrdatei und die Knotenmodule entfernt und die Pakete erneut installiert wurden.

Kent
quelle
-1

Schnelle Problemumgehung: Löschen Sie die Eigenschaft '.attach ()' aus dynamicSheet.update (Requisiten). Für Produktions-Envs nicht ratsam, ist es jedoch eine schnelle Lösung für alle lokalen Entwickler-Envs.

Z Hanson
quelle
-1

Verwenden von npm:
1- Entfernen Sie den Ordner node_modules und die Datei package-lock.json.
2- Öffnen Sie die Datei package.json.
3- Ändern oder fügen Sie dies unter den Abhängigkeiten hinzu: "@ material-ui / core": "^ 4.6.1",
4- npm Ich habe
mein Problem gelöst.

Ali KhodaieeDoost
quelle