Malzeme Arayüzündeki SVG Simgeleri için Bileşen Laboratuvarı> Otomatik Tamamlama özelliğini kullanarak derleme hatası


11

Projemi tarayıcıda çalıştırdığımda aşağıdaki hatayı aldım:

Derlenemedi:

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

("Birden çok değer" bölümündeki örnek) Otomatik Tamamlama bileşenini uygulamak çalışıyorum .

İşte kullanıyorum kodu:

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 tarafından SVG Simgeleri yüklemeye çalıştım:

npm install @material-ui/icons

Ve sonra bunları TypeScript'ime aktarıyorum:

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

Ama yine de yukarıdaki hatayla karşılaşıyorum. Bu sorunu nasıl çözebilirim?

Yanıtlar:


23

Eğer güncelleme deneyebilir miyim @material-ui/coreçalıştırarak

npm update

Ben npm güncelledi ve @ material-ui / core @ 4.9.9 sürümü var ve şimdi hata yok. Sorunun bu olduğunu nereden bildin?
yasserpulido

@ material-ui / core @ 4.9.9'a güncelledik ve hala hatayı alıyorum plz yardım
Salah Eddine Makdour

3

En son sürümün Malzeme-UI projesi CHANGELOG'ta açıklandığı gibi ( bu cevabı yazdığım sırada v4.9.9 ), ilgili bir değişiklik var.createSvgIcon

resim açıklamasını buraya girin

Ekibin tam konuşmalarını burada bulabilirsiniz .

Sorunla ne zaman karşılaştım?

Bir React projesini çalıştırırken Autocomplete bileşenini kullanmak istedim @material-ui/lab.

Nasıl çözdüm?

@material-ui/coreBu komutu kullanarak paketi v4.9.9'a yükselttim :

yarn upgrade @material-ui/core --latest

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.