首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在NextJs中生成UUID?

如何在NextJs中生成UUID?
EN

Stack Overflow用户
提问于 2022-04-13 02:37:30
回答 2查看 4.7K关注 0票数 1

我在试这个

代码语言:javascript
运行
复制
import { randomUUID } from 'crypto'
var id = randomUUID()

在我的NextJs应用程序中,但是我得到了这个错误:

index.js?46cb:369 Uncaught:(0,crypto__WEBPACK_IMPORTED_MODULE_5__.randomUUID)不是在Module.options.factory (webpack.js?ts=1649816623582:618:31)的Module.options.factory(webpack.js?ts=1649816623582:618:31)、fn (webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33),在Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33),在Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33),在Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33),在Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33),在Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33),在Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33),在Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33),在Module.options.factory(webpack.js?ts=1649816623582:37:33)的Module.options.factory(webpack.js?ts=1649816623582:37:33)

似乎NextJs中的中间件可以使用密码库(尽管它应该在浏览器上可用),但实现起来似乎很复杂。有人能建议如何在NextJs中生成UUID吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2022-04-13 03:26:49

因为crypto是Node.js中的内置模块,所以您不能在客户端上使用它.您可以使用像uuidshort-uuid这样的外部库:

代码语言:javascript
运行
复制
import { v4 } from "uuid";

v4(); // deadbeef-deadbeef-deadbeef-deadbeef or some uuid

使用外部跨平台库允许您在服务器和客户端使用它,这将解决问题。

票数 5
EN

Stack Overflow用户

发布于 2022-04-13 05:39:18

密码是内置的节点模块。您不能在客户端使用它。使用这个uuid 套餐

代码语言:javascript
运行
复制
import { v4 as uuidv4 } from 'uuid';
uuidv4(); // ⇨ '9b1deb4d-3b7d-4bad-9bdd-2b0d7b3dcb6d
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71851190

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档