You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何让Tailwind在Next.js项目根目录的./pages目录中生效?

项目操作及配置说明
  • 使用 npx create-next-app 创建新的 Next.js 项目,同时集成 TypeScript 和 Tailwind CSS
  • 在项目根目录创建 ./pages 目录,并在该目录下新增 testcss.tsx 文件
  • 编辑 tailwind.config.js,添加如下路径配置项:
    './pages/**/*.{js,ts,jsx,tsx,mdx}'
    
    原因是默认的 Tailwind 配置仅会扫描 src/pages 目录下的文件,添加该配置后才能让根目录下的 ./pages 目录中的文件被 Tailwind 识别。

以上为最小可复现操作流程。

内容的提问来源于stack exchange,提问作者user3091996

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.16 18:18:03