Tailwind CSS配置文件未加载，自定义md断点不生效求助

核心错误 #

你的配置文件存在两个关键问题：

• 导出语句拼写错误：module.export 需改为 module.exports（少了末尾的s），Node无法识别错误的导出语法，导致Tailwind无法加载配置。
• 自定义屏幕尺寸位置错误：要覆盖默认的sm/md等断点，需直接在theme.screens下定义，而非theme.extend——extend的作用是新增断点，而非覆盖默认值。

修正后的配置文件 #

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    screens: {
      'sm': '640px',
      // => @media (min-width: 640px) { ... }

      'md': '924px',
      // => @media (min-width: 924px) { ... }

      'lg': '1024px',
      // => @media (min-width: 1024px) { ... }

      'xl': '1280px',
      // => @media (min-width: 1280px) { ... }

      '2xl': '1536px',
      // => @media (min-width: 1536px) { ... }
    },
  },
  plugins: [],
}

后续操作 #

1. 保存修正后的配置文件
2. 重启tailwindcss watch进程（若之前在运行）
3. 测试页面上的md:类是否生效

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