Flowbite全局安装后配置Tailwind报错：找不到flowbite/plugin模块及解决

操作过程 #

• 全局安装Flowbite：

  npm install flowbite -g
  

• 在项目的tailwind.config.js中添加配置：

  plugins: [
      require('flowbite/plugin')
  ],
  content: [
      "./node_modules/flowbite/**/*.js"
  ]
  

• 执行Tailwind CSS转换（监听模式）时，触发如下错误：

  Error: Cannot find module 'flowbite/plugin'
  Require stack:
  - C:\Users\yuki8\Desktop\Food Search Engine\tailwind.config.js
      at Module._resolveFilename (node:internal/modules/cjs/loader:1077:15)
      at Function.resolve (node:internal/modules/cjs/helpers:116:19)
      at _resolve (C:\Users\yuki8\AppData\Roaming\npm\node_modules\tailwindcss\node_modules\jiti\dist\jiti.js:1:250100)
      at jiti (C:\Users\yuki8\AppData\Roaming\npm\node_modules\tailwindcss\node_modules\jiti\dist\jiti.js:1:252409)
      at C:\Users\yuki8\Desktop\Food Search Engine\tailwind.config.js:7:13
      at evalModule (C:\Users\yuki8\AppData\Roaming\npm\node_modules\tailwindcss\node_modules\jiti\dist\jiti.js:1:255106)
      at jiti (C:\Users\yuki8\AppData\Roaming\npm\node_modules\tailwindcss\node_modules\jiti\dist\jiti.js:1:253034)
      at C:\Users\yuki8\AppData\Roaming\npm\node_modules\tailwindcss\lib\lib\load-config.js:37:30
      at loadConfig (C:\Users\yuki8\AppData\Roaming\npm\node_modules\tailwindcss\lib\lib\load-config.js:39:6)
      at Object.loadConfig (C:\Users\yuki8\AppData\Roaming\npm\node_modules\tailwindcss\lib\cli\build\plugin.js:135:49) {
    code: 'MODULE_NOT_FOUND',
    requireStack: [
      'C:\\Users\\yuki8\\Desktop\\Food Search Engine\\tailwind.config.js'
    ]
  }
  

已解决方法 #

将tailwind.config.js中的require('flowbite/plugin')改为require('flowbite')后，问题消失，测试官方文档示例可正常运行。

疑问 #

完全按照官方快速开始指南的步骤操作，为什么会出现这个路径错误？

内容的提问来源于stack exchange，提问作者VarManz