javascript - 尝试导入错误: 'uuid' does not contain a default export (imported as 'uuid' ) In 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 导出，正如错误明确指出的那样。

(它曾经存在，但已经是 removed )

Once installed, decide which type of UUID you need. RFC4122 provides for four versions, all of which are supported here.

(文档位于 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'