Tailwind CSS仅grid-cols-4生效，其他列数失效问题求助

我是Tailwind CSS新手，目前遇到一个奇怪的问题：除grid-cols-4外，其他grid-cols-*类均无法正常生效。

以下代码可正常运行并得到预期的4列布局：

<div className="grid grid-cols-4 gap-4">
    <div>col1</div>
    <div>col2</div>
    <div>col3</div>
    <div>col4</div>
    <div>col5</div>
</div>

但将列数改为其他值（如grid-cols-6）时，列布局完全失效：

<div className="grid grid-cols-6 gap-4">
    <div>col1</div>
    <div>col2</div>
    <div>col3</div>
    <div>col4</div>
    <div>col5</div>
</div>

我推测这可能是配置或设置问题，其他Tailwind CSS类均可正常使用，且grid-cols-4能正常运行，说明CSS已正确加载。我同时在使用NextUI，不确定是否会造成影响。

附我的tailwind.config.js配置：

import {nextui} from '@nextui-org/react'

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './layouts/**/*.{js,ts,jsx,tsx,mdx}',
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {},
  },
  darkMode: "class",
  plugins: [nextui()],
}

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