各位Next.js和NextUI的爱好者们，我遇到了一个令人困惑的错误，它阻碍了我的开发之旅。我希望你们的集体智慧能引导我走出这个僵局。
情况是这样的：

**下一个.js版本：14.0.3NextUI版本：2.2.9Tailwind CSS版本：**3.3.3

挑战：
在将**nextui（）**插件集成到Tailwind配置中时，我遇到了以下错误：./src/app/globals.css.webpack[JavaScript/auto]！=！./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js？？ruleSet[1].rules[12].oneOf[12].use[2]！./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js？？RuleSet[1].rules[12].oneOf[12].use[3]！./src/app/globals.css TypeError：无法读取未定义的属性（阅读“toLowerCase”）。
以下是我的Tailwind配置：

/* eslint-disable @typescript-eslint/no-var-requires */
import { nextui } from "@nextui-org/react"

const colors = require("tailwindcss/colors")
/** @type {import('tailwindcss').Config} */
module.exports = {
    darkMode: "class",
    content: [
        "./index.html",
        "./src/**/*.{js,ts,jsx,tsx}",
        "./app/**/*.{js,ts,jsx,tsx,mdx}",
        "./pages/**/*.{js,ts,jsx,tsx,mdx}",
        "./components/**/*.{js,ts,jsx,tsx,mdx}",
        "./src/**/*.{js,ts,jsx,tsx,mdx}",
        "./public/**/*.html",
        "./node_modules/flowbite-react/**/*.js",
        "./node_modules/flowbite-react/lib/esm/**/*.js",
        "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
    ],
    theme: {
        extend: {
            primary: colors.indigo,
        },
    },
    plugins: [
        require("@tailwindcss/forms"),
        require("@tailwindcss/typography"),
        require("@tailwindcss/container-queries"),
        require("flowbite/plugin"),
        nextui(),
    ],
    future: {
        hoverOnlyWhenSupported: true,
    },
}

字符串
我的globals.css文件：

@tailwind base;
@tailwind components;
@tailwind utilities;

/* ! Other CSS styling for customised components. */

型
我尝试了以下方法：
1.在出现任何安装错误的情况下重新安装NextUI，结果是同样的问题。
1.删除了tailwind.js.js文件的nextui（）插件，问题消失了，但在应用程序中使用时，NextUI组件没有syling。
我在寻求指导：

• 确定此错误的根本原因。
• 调整配置以实现Next.js 14.0.3和NextUI之间的和谐共存。
• 揭示任何潜在的兼容性问题或已知的解决方法。