Erreur de compilation à l'aide de la fonctionnalité Composant Lab> Saisie semi-automatique pour les icônes SVG dans l'interface utilisateur des matériaux

11

J'ai eu l'erreur suivante lorsque j'ai exécuté mon projet sur le navigateur:

Échec de la compilation:

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

J'essaie d'implémenter le composant de saisie semi - automatique (à partir de l'exemple dans la section "Valeurs multiples").

Voici le code que j'utilise:

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

J'ai essayé d'installer les icônes SVG par NPM:

npm install @material-ui/icons

Et puis les importer dans mon TypeScript:

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

Mais j'ai toujours l'erreur ci-dessus. Comment puis-je résoudre ce problème?

reactjs typescript material-ui

— yasserpulido
source

23

Pouvez-vous essayer de mettre à jour @material-ui/coreen exécutant

npm update

— iamhuynq
source

J'ai mis à jour le npm et j'ai obtenu la version @ material-ui / core @ 4.9.9 et maintenant je n'ai plus l'erreur. Comment saviez-vous que c'était le problème?

— yasserpulido

j'ai mis à jour @ material-ui / core @ 4.9.9 et j'obtiens toujours l'aide d'erreur plz

— Salah Eddine Makdour

3

Comme décrit dans le projet Material-UI CHANGELOG de la dernière version (qui est la v4.9.9 au moment où j'écris cette réponse), il y a un changement lié àcreateSvgIcon

La conversation complète de l'équipe peut être trouvée ici .

Quand j'ai rencontré le problème?

Lors de l'exécution d'un projet React et je voulais utiliser le composant de saisie semi - automatique à partir de @material-ui/lab.

Comment je l'ai résolu?

J'ai mis @material-ui/coreà niveau le package vers v4.9.9 en utilisant cette commande:

yarn upgrade @material-ui/core --latest

— Ala Eddine JEBALI
source