सामग्री UI में SVG प्रतीक के लिए घटक लैब> स्वत: पूर्ण सुविधा का उपयोग कर संकलन त्रुटि


11

जब मैंने ब्राउज़र पर अपना प्रोजेक्ट चलाया तो मुझे निम्न त्रुटि मिली:

संकलन करने में विफल:

./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js
Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'.

मैं स्वतः पूर्ण घटक ("एकाधिक मान" अनुभाग में उदाहरण से) को लागू करने का प्रयास कर रहा हूं ।

यहाँ कोड का उपयोग कर रहा हूँ:

import React from 'react';
import Chip from '@material-ui/core/Chip';
import Autocomplete from '@material-ui/lab/Autocomplete';
import TextField from '@material-ui/core/TextField';

<Autocomplete
        multiple
        id="tags-standard"
        options={top100Films}
        getOptionLabel={(option) => option.title}
        defaultValue={[top100Films[13]]}
        renderInput={(params) => (
          <TextField
            {...params}
            variant="standard"
            label="Multiple values"
            placeholder="Favorites"
          />
        )}
      />

मैंने NPM द्वारा SVG आइकन स्थापित करने का प्रयास किया:

npm install @material-ui/icons

और फिर उन्हें मेरे टाइपस्क्रिप्ट में आयात करना:

import createSvgIcon from '@material-ui/icons/utils/createSvgIcon';

लेकिन मैं अभी भी ऊपर त्रुटि है। मेरे द्वारा इस समस्या का समाधान कैसे किया जा सकता है?

जवाबों:


23

क्या आप @material-ui/coreरन करके अपडेट करने का प्रयास कर सकते हैं

npm update

मैंने npm को अपडेट किया और मुझे @ सामग्री-यूआई / कोर @ 4.9.9 संस्करण मिला और अब मेरे पास त्रुटि नहीं है। आपको कैसे पता चला कि समस्या थी?
yasserpulido

मैंने @ मैटेरियल-यूआई / कोर @ 4.9.9 में अपडेट किया है और अभी भी त्रुटि plz मदद प्राप्त कर रहा है
साला एडडीन मकदौर

3

सामग्री-यूआई परियोजना में वर्णित है चैंज नवीनतम संस्करण (जो की v4.9.9 समय मैं इस सवाल का जवाब लिख रहा हूँ), वहाँ से संबंधित एक परिवर्तन हैcreateSvgIcon

यहाँ छवि विवरण दर्ज करें

टीम की पूरी बातचीत यहां पाई जा सकती है

जब मैंने समस्या का सामना किया?

जब एक रिएक्ट प्रोजेक्ट चल रहा था और मैं से ऑटोकॉम्पल कंपोनेंट का उपयोग करना चाहता था @material-ui/lab

मैंने इसे कैसे हल किया?

मैंने @material-ui/coreइस कमांड का उपयोग करके पैकेज को v4.9.9 में अपग्रेड किया :

yarn upgrade @material-ui/core --latest

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.