尝试导入错误：'uuid'不包含默认导出（在React中导入为'uuid'）

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

使用react-uuid

npm i react-uuid

import uuid from 'react-uuid';

const id = uuid();

Answer 2

因为错误明确指出，因为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"; 
取决于所需的实现。