Kompilasi kesalahan menggunakan fitur Component Lab> Autocomplete untuk Ikon SVG di Material UI

11

Saya mendapat kesalahan berikut ketika saya menjalankan proyek saya di browser:

Gagal mengompilasi:

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

Saya mencoba menerapkan komponen Autocomplete (dari contoh di bagian "Beberapa nilai").

Ini kode yang saya gunakan:

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"
          />
        )}
      />

Saya mencoba menginstal Ikon SVG oleh NPM:

npm install @material-ui/icons

Dan kemudian mengimpornya ke TypeScript saya:

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

Tetapi saya masih memiliki kesalahan di atas. Bagaimana saya bisa mengatasi masalah ini?

reactjs typescript material-ui

— yasserpulido
sumber

23

Bisakah Anda mencoba memperbarui @material-ui/coredengan menjalankan

npm update

— iamhuynq
sumber

Saya memperbarui npm dan saya mendapatkan versi @ material-ui / core @ 4.9.9 dan sekarang saya tidak memiliki kesalahan. Bagaimana Anda tahu itu masalahnya?

— yasserpulido

saya telah memperbarui ke @ material-ui / core @ 4.9.9 dan masih mendapatkan error tolong bantu

— Salah Eddine Makdour

3

Seperti yang dijelaskan dalam proyek Material-UI CHANGELOG dari versi terbaru (yaitu v4.9.9 saat saya menulis jawaban ini), ada perubahan terkait dengancreateSvgIcon

Percakapan tim yang lengkap dapat ditemukan di sini .

Kapan saya menemui masalah?

Ketika menjalankan proyek Bereaksi dan saya ingin menggunakan komponen Autocomplete dari @material-ui/lab.

Bagaimana saya menyelesaikannya?

Saya @material-ui/corememutakhirkan paket ke v4.9.9 menggunakan perintah ini:

yarn upgrade @material-ui/core --latest

— Ala Eddine JEBALI
sumber