TypeError: अपरिभाषित MakeStyles.js की संपत्ति 'संलग्न' नहीं पढ़ सकता है

Question

जब उत्पादन संस्करण पर मेरे MERN ऐप के लॉगिन घटक को एक्सेस करने का प्रयास किया जाता है, तो मुझे इस छवि में दिखाई गई निम्न प्रकार की त्रुटियों की एक श्रृंखला मिलती है:

मेरा ऐप ( https://github.com/ahaq0/kumon_schedule ) स्थानीय रूप से पूरी तरह से ठीक काम करता है और आज हरकोकू पर पूरी तरह से काम कर रहा है।

मैंने कोड के उन सभी परिवर्तनों को वापस लेने की कोशिश की, जो आज मैंने बिना किसी लाभ के किए। इसी प्रकार, मैंने यह देखने के लिए कि क्या मैंने यूआई सामग्री को बदल दिया है, लेकिन यह देखने के लिए package.json (और .lock) की जाँच की। मुझे यह पता लगाने की आवश्यकता नहीं है कि यहां होस्ट किए गए संस्करण पर अचानक काम करना क्यों बंद कर दिया ।

त्रुटि की रेखा के लिए कोड नीचे है। हालाँकि, मैंने नहीं लिखा क्योंकि यह सामग्री UI का एक हिस्सा है।

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;

यह मेरा पहला तैनात ऐप है और मैं एक नुकसान में हूं कि चीजों को वापस लाने के मेरे सबसे अच्छे प्रयासों के बावजूद काम करने से सब कुछ कैसे चला गया।

संपादित करें। मुझे उल्लेख करना चाहिए कि मैंने फ़ायरफ़ॉक्स और क्रोम में परीक्षण किया है जहां त्रुटि लॉग है।

# 2 संपादित करें। बहुत अधिक डिबगिंग के बाद मुझे पता चला कि अगर मैं हर्को के माध्यम से fccc55a5 करने के लिए वापस रोल करता हूं, तो त्रुटि हो गई है। हालांकि, अगर मैं उस कमिटमेंट के साथ एक नई ब्रांच बनाता हूं और उस ब्रांच को तैनात करने की कोशिश करता हूं, तो यह काम नहीं करेगा।

कृपया यहाँ देखें https://github.com/ahaq0/kumon_schedule/compare/fccc55a5...ccccc55a5

जब मैं उस आखिरी निर्माण में वापस लाऊंगा तो यह काम करेगा। लेकिन अगर मैं उस पिछली कमेटी को एक नई शाखा में मिला देता हूं और उसे तैनात करने की कोशिश करता हूं, तो यह नहीं होगा।

Comments

क्या यह तय था?

— माइक के

आप इसे मेरे उत्तर के साथ अस्थायी रूप से हल कर सकते हैं: stackoverflow.com/a/59514748/3971297

— अल्फोंसो एम। गार्सिया एस्टोर्गा

Answer 1

"Jss": "10.0.0" को "निर्भरता" में जोड़ना: {} ने मेरे लिए समस्या को निर्धारित किया

--- अद्यतन 30.12.19 ---

"jss" अब हटाया जा सकता है,

बग को ठीक कर दिया गया है:

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

Comments

मेरे लिए यह काम किया, धन्यवाद, यदि आप इस मुद्दे को मार रहे हैं, तो आपके द्वारा इंस्टॉल किए गए सामग्री-यूआई कोर के संस्करण की जांच करें, इसे अपग्रेड करें (या यदि आप "^ 4.XX" का उपयोग कर रहे हैं) तो बस node_modules, plus package.lock को हटा दें। json या यार्न .lock.json और एक ताज़ा npm स्थापित करें

— Braulio

Answer 2

यदि आप yarnमेरी तरह उपयोग कर रहे हैं , तो आप इसे resolutionsअपने package.jsonलक्ष्यीकरण jss 10.0.0संस्करण में फ़ील्ड जोड़कर हल कर सकते हैं ।

package.json इस तरह दिखना चाहिए:

{

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

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

मैंने अपना समाधान गितुब पर भी साझा किया (और लगता है कि यह दूसरों के लिए काम करता है): https://github.com/mui-org/material-ui/issues/19005#issuecomment-569447204

कृपया जवाब स्वीकार करें अगर यह आपके लिए भी काम करता है! :)

Comments

आपको कैसे पता चला कि यह मुद्दा था?

— माइक के

@ माइक ने क्योंकि jss 10.0.1संस्करण में सामग्री यूआई यूनिट परीक्षणों को तोड़ने वाले परिवर्तन प्रकाशित किए हैं। पर अधिक जानकारी: github.com/cssinjs/jss/issues/1249

— अलफोंसो एम गार्सिया एस्ट्रोगा

Answer 3

मेरे मामले में यह बॉक्स घटक को हटाकर हल किया गया था।

Answer 4

मैं उसी मुद्दे का सामना कर रहा हूं। यह हुआ क्योंकि मैंने @ सामग्री-यूआई / कोर ^ 4.4.0 से @ सामग्री-यूआई / कोर ^ 4.8.1 अपडेट किया। हो सकता है कि नए संस्करण या बग में परिवर्तन हो। नवीनतम संस्करण सिर्फ चार दिन पहले जारी किया गया है इसलिए अभी तक कोई समाधान नहीं हो सकता है। लेकिन आपकी समस्या के लिए @ सामग्री-यूआई / कोर ^ 4.4.0 या आपके द्वारा उपयोग किए जा रहे सामग्री-यूआई के पिछले संस्करण को अपग्रेड करने का प्रयास करें, यह काम करना चाहिए। पिछले कमिट्स पर रोलबैक करने की कोई आवश्यकता नहीं है।

Comments

सामग्री-यूआई एनपीएम को अपडेट करने के बाद यह सभी निर्भरता को अपडेट करेगा ताकि बस डाउनग्रेडिंग काम न करे। एक बेहतर समाधान पूरे "नोडमॉड्यूल्स" फ़ोल्डर को हटाने और पैकेज को बदलने के लिए हो सकता है । पैकेज और लॉक-जज । पिछली फाइलों से एक ही फाइल के साथ। (अपडेट से पहले कमिट करें)। फिर npm स्थापित करें, मैंने यह और सब कुछ ठीक काम किया है।

— ललित झारबड़े

Answer 5

मुझे लगता है कि समस्या जस और बॉक्स घटक के साथ है @material-ui/core

जब तक यह तय नहीं हो जाता, मैंने styled-componentsबॉक्स घटक को स्थापित और फिर से लिखा है:

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}`;

Answer 6

अपग्रेड material-uiकरने का प्रयास करें 4.8.1। यदि यह काम नहीं करता है, तो एक अस्थायी फिक्स के रूप में "jss": "10.0.0"अपने package.jsonमें जोड़ें ।

स्रोत: https://github.com/mui-org/material-ui/issues/19005

Comments

जोड़ना "jss": "10.0.0"मेरे लिए काम किया।

— माइक के

Answer 7

एक ही मुद्दे का सामना भी। मैं @ सामग्री-यूआई / कोर ^ 4.7.1 पर था, मैं सिर्फ प्रयोग करने के लिए गया और लॉक फाइल और नोड_मॉड्यूल्स को हटा दिया। तब मुझे समस्या का सामना करना पड़ा। लगता है कि समस्या संस्करण संस्करणों तक @ सामग्री-यूआई / शैलियों पर है।

@ सामग्री-उई / कोर को 4.6.1 पर अपडेट करके, लॉक फ़ाइल और नोड_मॉडल को हटाकर, संकुल को फिर से स्थापित करके समस्या का समाधान किया।

Answer 8

त्वरित वर्कअराउंड: डायनेमिकशीट.अपडेट (प्रॉप्स) से संपत्ति '.attach ()' को हटाएं। उत्पादन एनवीएस के लिए उचित नहीं है, हालांकि, यह किसी भी स्थानीय-देव एनवीएस के लिए एक त्वरित-फिक्स है।

Answer 9

npm का उपयोग करना:
1- नोड_मॉडल्स फ़ोल्डर और पैकेज-लॉक को हटा दें। Json फ़ाइल
2- ओपन पैकेज.जसन फ़ाइल
3- परिवर्तन करें या इसे निर्भरता के तहत जोड़ें: "@ सामग्री-यूआई / कोर": "^ 4.6.1",
4- npm मैंने
अपनी समस्या हल कर ली।