将flowbite与nextJS和typescript一起使用时出错



我为NextJS项目安装了顺风和导流器。正如我在_app.tsx中执行import "flowbite"一样,我得到了以下错误。

ReferenceError: document is not defined
at Object.366 (D:shopflonext-tailwind-typescript-starternode_modulesflowbitedistflowbite.js:35:1)
at __webpack_require__ (D:shopflonext-tailwind-typescript-starternode_modulesflowbitedistflowbite.js:496:41)
at D:shopflonext-tailwind-typescript-starternode_modulesflowbitedistflowbite.js:509:17
at D:shopflonext-tailwind-typescript-starternode_modulesflowbitedistflowbite.js:2631:3
at Object.<anonymous> (D:shopflonext-tailwind-typescript-starternode_modulesflowbitedistflowbite.js:2633:12)
at Module._compile (internal/modules/cjs/loader.js:1072:14)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1101:10)
at Module.load (internal/modules/cjs/loader.js:937:32)
at Function.Module._load (internal/modules/cjs/loader.js:778:12)
at Module.require (internal/modules/cjs/loader.js:961:19)
error - ReferenceError: document is not defined
ReferenceError: document is not defined
at Object.366 (D:shopflonext-tailwind-typescript-starternode_modulesflowbitedistflowbite.js:35:1)
at __webpack_require__ (D:shopflonext-tailwind-typescript-starternode_modulesflowbitedistflowbite.js:496:41)
at D:shopflonext-tailwind-typescript-starternode_modulesflowbitedistflowbite.js:509:17
at D:shopflonext-tailwind-typescript-starternode_modulesflowbitedistflowbite.js:2631:3
at Object.<anonymous> (D:shopflonext-tailwind-typescript-starternode_modulesflowbitedistflowbite.js:2633:12)
at Module._compile (internal/modules/cjs/loader.js:1072:14)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1101:10)
at Module.load (internal/modules/cjs/loader.js:937:32)
at Function.Module._load (internal/modules/cjs/loader.js:778:12)
at Module.require (internal/modules/cjs/loader.js:961:19)

document is not defined给出了javascript正在制造问题的线索。请帮忙。在我的tsconfig.json中设置了allowJS:true,那么为什么这会产生问题?

从文档来看,Flowbite目前正在开发一个独立的库,以与React框架(如NextJS(兼容

这对我来说很好。每个流程图组件都有一个init函数,使其具有交互性。

import { initAccordions } from "flowbite";
useEffect(() => {
initAccordions();
});

如果您使用的是remix js,只需在entry.client.tsx文件中添加import 'flowbite'

最新更新