Попытка импорта: ошибка: «uuid» не содержит экспорт по умолчанию (импортируется как «uuid»). В React

Question

Ошибка: Попытка ошибки импорта: «uuid» не содержит экспорт по умолчанию (импортируется как «uuid»)

Это пример кода

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
};
....
....

Что может быть причиной этого?

Answer 1

Поскольку пакет uuid не имеет экспорта default, как ясно указывает на ошибку.

( он раньше существовал, но был удален )

После установки решите, какой тип UUID вам нужен. RFC4122 предусматривает четыре версии, все из которых поддерживаются здесь.

( документация по https://www.npmjs.com/package/uuid)

, поэтому вам нужно выбрать одну из следующих

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

в зависимости от требуемой реализации.

---

Если вы используете более старую версию пакета, вы можете использовать одну из

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

Answer 2

Использование реаги-uuid

npm i react-uuid

import uuid from 'react-uuid';

const id = uuid();

Answer 3

Как только вы сделаете yarn add uuid, папка uuid в node_modules содержит модули v1, v2, v3, v4. импортировать любой из них по вашему выбору как uuid.

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

Это решило мою проблему. версии "uuid": "^ 7.0.3" и "реагировать": "^ 16.13.1",

Answer 4

Я думаю, что если вы добавите uuid при импорте v4, я думаю, что это будет работать

Что я имею в виду, как это

import uuid from 'uuid/v4';

Answer 5

В командной строке запустите

npm i react-uuid

, затем в своем проекте попробуйте

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

Answer 6

Создание версии 4 (случайного) UUIDs

import {v4 as uuidv4} из 'uuid';

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