javascript - 尝试导入错误:“uuid”在 React 中不包含默认导出(导入为“uuid”)
问题描述
错误是:尝试导入错误:“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
};
....
....
这背后的原因是什么?
解决方案
因为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'
推荐阅读
- python - django 模板上的长度过滤器似乎不起作用
- reactjs - React material-table cellEditable:空值和基于另一个单元格值的可编辑道具
- c# - 如何在 C# 中实现 Array.Copy
- python - 代理错误但代理是 100% 工作 Python
- regex - 用特定文本替换匹配文本的每个字符
- javascript - 如何使用 Promise.all + Array.prototype.map() 获取不同的数据
- python - python字典:值和键
- android - Viewpager2 适配器显示第一页空白
- c# - 我想将多个按钮用于一个具有不同操作的计时器
- html - Odoo13 - 内容垂直居中的自定义网页