跳到主要内容

使用 doctor 命令诊断项目配置

当项目出现样式未生成、JS 中的 class 未转义、Tailwind CSS v4 PostCSS 报错、插件没有在目标端生效等问题时,可以先运行 doctor 命令收集项目配置状态。

pnpm exec weapp-tailwindcss doctor

如果你不在项目根目录,可以通过 --cwd 指定业务项目目录:

pnpm exec weapp-tailwindcss doctor --cwd ./packages/miniprogram

检查内容

doctor 命令只读取本地项目文件,不会修改项目配置。当前会检查以下内容:

检查项说明
package.json确认命令是否运行在项目根目录
Node.js检查当前 Node.js 是否满足最低版本要求
包管理器识别 packageManagerpnpm-lock.yamlpackage-lock.jsonyarn.lock
weapp-tailwindcss检查当前项目是否安装本插件
tailwindcss检查 Tailwind CSS 是否可解析,并尽量读取实际安装版本
Tailwind 配置检查 tailwind.config.* 是否存在
PostCSS 配置检查 postcss.config.* 是否存在
Tailwind CSS v4 PostCSS检查 v4 项目使用 PostCSS 时是否缺少 @tailwindcss/postcss
框架依赖识别 Taro、uni-app、MPX、Remax、Rax
构建器配置识别 vite.config.*webpack.config.*

输出说明

普通输出适合人工排查:

pnpm exec weapp-tailwindcss doctor

JSON 输出适合在 issue、CI 或自动化脚本中使用:

pnpm exec weapp-tailwindcss doctor --json

严格模式会在存在 warnerror 时返回非零退出码,适合放在项目检查脚本中:

pnpm exec weapp-tailwindcss doctor --strict

常见诊断结果

未检测到 package.json

说明命令大概率没有运行在项目根目录。请切换到业务项目根目录后重试,或者使用 --cwd 指定目录。

pnpm exec weapp-tailwindcss doctor --cwd ./demo/uni-app-vue3-vite

未检测到 tailwindcss

说明当前项目没有安装 tailwindcss,或者依赖无法从当前目录解析。请先确认依赖安装完成,再重新运行诊断命令。

Tailwind CSS v4 项目缺少 @tailwindcss/postcss

如果项目使用 Tailwind CSS v4,并且存在 postcss.config.*,PostCSS 插件应使用 @tailwindcss/postcss。官方 PostCSS 安装文档也要求安装 tailwindcss@tailwindcss/postcsspostcss,并在 PostCSS 配置中注册 @tailwindcss/postcss

postcss.config.mjs
export default {
plugins: {
'@tailwindcss/postcss': {},
},
}

参考:Tailwind CSS PostCSS 安装文档

未检测到 tailwind.config.*

对于 Tailwind CSS v3 项目,请检查 tailwind.config.*content 是否覆盖页面、组件和脚本文件。

对于 Tailwind CSS v4 项目,未检测到 tailwind.config.* 不一定是问题。v4 支持 CSS-first 配置,但如果 JS 字符串中的 class 没有被识别,仍需要检查 CSS 入口中的 @source

issue 反馈建议

提交 issue 时,建议附上以下信息:

pnpm exec weapp-tailwindcss doctor --json

同时补充:

信息示例
框架Taro / uni-app / MPX / 原生小程序
构建器Vite / Webpack / Gulp
Tailwind CSS 版本v3 / v4
目标端微信小程序 / H5 / App / 鸿蒙
复现命令pnpm dev:mp-weixin

这样可以更快判断问题属于依赖安装、Tailwind 扫描范围、PostCSS 注册、插件禁用条件还是小程序端限制。