尝试导入错误:React中的“ uuid”不包含默认导出(导入为“ uuid”)

时间:2020-03-24 12:13:54

标签: javascript reactjs 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
};
....
....

这可能是什么原因造成的?

16 个答案:

答案 0 :(得分:72)

由于错误清楚地表明,Celery periodic tasks软件包没有uuid导出。

它曾经存在,但已经removed

安装后,确定所需的UUID类型。 RFC4122提供了四个版本,此处均支持所有这些版本。

(位于https://www.npmjs.com/package/uuid文档

所以您需要选择以下选项之一

default

取决于所需的实现。


如果您使用的是较旧版本的软件包,则可以使用以下版本之一

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

答案 1 :(得分:13)

完成yarn add uuid后,node_modules中的uuid文件夹将包含v1,v2,v3,v4模块。根据您的选择将其中任何一个导入为uuid。

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

这解决了我的问题。 版本“ uuid”:“ ^ 7.0.3”和“ react”:“ ^ 16.13.1”,

答案 2 :(得分:10)

这对我有用。

首先,运行

npm install uuid

然后

import { v4 as uuidv4 } from 'uuid';

要使用它,只需致电

uuidv4();

答案 3 :(得分:4)

使用react-uuid

npm i react-uuid
import uuid from 'react-uuid';

const id = uuid();

答案 4 :(得分:2)

已按照npm page of UUID中的说明删除了默认导出。

来自nmpjs.com

已删除默认导出

uuid @ 3正在将版本4 UUID方法导出为默认导出:

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

uuid@3中不建议使用此使用模式,并且已经 已从uuid@7中删除。

答案 5 :(得分:2)

以前可以访问默认状态,默认状态在新版本中不可用。
请进行更新:https://www.npmjs.com/package/uuid

import { v4 as uuidv4 } from 'uuid';

npm文档的软件包中提供了其他可能的访问方式。

答案 6 :(得分:2)

这对我有用。

首先,运行

npm install uuid

然后

import { v4 as uuidv4 } from 'uuid';

要使用它,只需调用 uuidv4()

答案 7 :(得分:1)

我认为,如果您在导入v4时添加到uuid,我认为它会起作用

我的意思是这样

import uuid from 'uuid/v4';

答案 8 :(得分:1)

代替: 从'uuid'导入uuid

这对我有用(用于创建随机字符串): 从'uuid / v4'导入uuid

答案 9 :(得分:1)

在命令行中安装uuid:

npm i react-uuid

在您的项目中:

import { v4 as uuid } from "uuid";

const id = uuid();

答案 10 :(得分:0)

创建第4版(随机)UUID

从'uuid'导入{v4作为uuidv4};

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

答案 11 :(得分:0)

在命令行中运行

npm i react-uuid

然后在您的项目中尝试

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

答案 12 :(得分:0)

spring.datasource.url = jdbc:mysql://localhost:3306/decormoi
spring.datasource.username = root 
spring.datasource.password =
spring.datasource.driverClassName = com.mysql.cj.jdbc.Driver
spring.jpa.show-sql = true      
spring.jpa.hibernate.ddl-auto = update
spring.jpa.properties.hibernate.dialect = org.hibernate.dialect.MySQL8Dialect

代替

const uuid = require('uuid');

答案 13 :(得分:0)

import uuid from 'uuid/dist/v4'
这将起作用

答案 14 :(得分:0)

我用了这个:

import v1 from 'uuid/v1.js' 

const uuid = v1;

成功了!

答案 15 :(得分:0)

在删除 node_modulespackage-lock.json 并重新安装 npm installnpm install react 后,它对我有用- 脚本