Usar react-uuid

 npm i react-uuid

 import uuid from 'react-uuid'; const id = uuid();

Porque el paquete uuid no tiene una exportación default , como indica claramente el error.

( solía existir, pero ha sido eliminado )

Una vez instalado, decida qué tipo de UUID necesita. RFC4122 proporciona cuatro versiones, todas las cuales son compatibles aquí.

( documentación en https://www.npmjs.com/package/uuid )

por lo que debe elegir uno de los siguientes

 import {v1 as uuid} from "uuid"; // import {v3 as uuid} from "uuid"; // import {v4 as uuid} from "uuid"; // import {v5 as uuid} from "uuid";

dependiendo de la implementación que desee.

Si está utilizando una versión anterior del paquete, puede utilizar uno de

 import uuid from 'uuid/v1' // import uuid from 'uuid/v3' // import uuid from 'uuid/v4' // import uuid from 'uuid/v5'

Crear UUID de la versión 4 (aleatoria)

importar {v4 como uuidv4} desde 'uuid';

id:uuidv4(); // ⇨ '9b1deb4d-3b7d-4bad-9bdd-2b0d7b3dcb6d' https://www.npmjs.com/package/uuid

En la línea de comando, ejecute

 npm i react-uuid

luego en tu proyecto, prueba

 import uuid from 'react-uuid'; const id = uuid();

Creo que si agrega a uuid cuando lo importa v4, creo que funcionará

Lo que quiero decir es así

 import uuid from 'uuid/v4';

Una vez que yarn add uuid , la carpeta uuid en node_modules contiene módulos v1,v2,v3,v4. importe cualquiera de ellos según su elección como uuid.

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

Esto resolvió mi problema. versiones "uuid": "^7.0.3" y "reaccionar": "^16.13.1",

Esto funcionó para mí.

En primer lugar, corre

 npm install uuid

luego

 import { v4 as uuidv4 } from 'uuid';

Para usarlo solo llama

 uuidv4();

Las exportaciones predeterminadas se han eliminado como se indica en la página npm de UUID .

Desde nmpjs.com

Exportación predeterminada eliminada

uuid@3 estaba exportando el método UUID de la versión 4 como una exportación predeterminada:

 const uuid = require('uuid'); // <== REMOVED!

Este patrón de uso ya no se recomienda en uuid@3 y se eliminó en uuid@7 .

escribe

 const uuid = require('uuid');

en lugar de

 import uuid from 'uuid'

Anteriormente era posible acceder al estado predeterminado, que no está disponible en la nueva versión.
Revise amablemente las actualizaciones: https://www.npmjs.com/package/uuid .

 import { v4 as uuidv4 } from 'uuid';

Hay otras formas de acceso posibles proporcionadas en el paquete en la documentación de npm.

En lugar de hacer: importar uuid desde 'uuid'

Esto funcionó para mí (para crear una cadena aleatoria): importar uuid desde 'uuid/v4'

import uuid from 'uuid/dist/v4'
esto funcionará

en la línea de comando instalar uuid:

 npm i react-uuid

en tu proyecto:

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

Usé esto:

 import v1 from 'uuid/v1.js' const uuid = v1;

¡¡Y funcionó!!

Esto funcionó para mí.

En primer lugar, corre

 npm install uuid

luego

 import { v4 as uuidv4 } from 'uuid';

Para usarlo, simplemente llame a uuidv4() .

Funcionó para mí después de eliminar node_modules y package-lock.json y reinstalar npm install y npm install react-scripts .

1. hilo agregar uuid
2. importar {v4 como uuid} desde 'uuid'
3. consola.log(uuid());