55 votes

Tentative d'erreur d'importation : 'uuid' ne contient pas d'exportation par défaut (importé en tant que 'uuid') dans React

L'erreur est :Erreur de tentative d'importation : 'uuid' ne contient pas d'exportation par défaut (importé en tant que 'uuid')

Ceci est l'exemple de code

 import uuid from "uuid";
//import * as uuid from "uuid";
import TodoInput from "./components/TodoInput";
import TodoList from "./components/TodoList";

export default class App extends Component {
state = {
  items: [
    { id: 1, title: "wake up" },
    { id: 2, title: "make breakfast" }
  ],
  id: uuid(),
  item: "",
  editItem: false
};
....
....

Quelle pourrait être la raison derrière cela?

23voto

Nkoro Joseph Points 54

Une fois que vous avez fait yarn add uuid , le dossier uuid dans node_modules contient les modules v1,v2,v3,v4. importez l'un d'entre eux selon votre choix en tant qu'uuid.

 import {v4 as uuid} from 'uuid'
const id = uuid()

Cela a résolu mon problème. versions "uuid": "^7.0.3" et "react": "^16.13.1",

16voto

Dgoldenone Points 1

Cela a fonctionné pour moi.

Tout d'abord, exécutez

 npm install uuid

alors

 import { v4 as uuidv4 } from 'uuid';

Pour l'utiliser, il suffit d'appeler

 uuidv4();

4voto

keikai Points 8893

Utiliser le réact-uuid

 npm i react-uuid
 import uuid from 'react-uuid';

const id = uuid();

3voto

KiranJasvanee Points 11

Auparavant, il était possible d'accéder à l'état par défaut, qui n'est pas disponible dans la nouvelle version. Veuillez consulter les mises à jour : https://www.npmjs.com/package/uuid .

 import { v4 as uuidv4 } from 'uuid';

Il existe d'autres moyens d'accès possibles fournis dans le package de la documentation npm.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X