执行npm run build-css提示tailwindcss不是内部或外部命令如何解决

错误核心原因：你安装的是适配PostCSS7的Tailwind CSS兼容版本，使用了npm别名方式安装，本地项目依赖的可执行文件无法被脚本直接识别，导致系统找不到tailwindcss命令。

• 方案1：修改package.json的scripts配置，使用npx调用本地项目依赖的可执行文件
  将你package.json里的build-css脚本修改为如下内容：

  "build-css": "npx tailwindcss build src/styles.css -o public/styles.css"
  

  修改后重新运行npm run build-css即可生效，npx会自动查找本地node_modules内的对应命令，不需要全局安装。

• 方案2：重新安装Tailwind CSS兼容包
  如果修改脚本后仍然报错，可先卸载现有包再重新安装开发依赖：
  依次执行以下命令：

  npm uninstall tailwindcss
  npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
  

  安装完成后再运行npm run build-css即可。

• 方案3：修复依赖安装异常
  如果上述方案都无效，大概率是node_modules依赖安装不完整，执行以下操作重置依赖：

  1. 删除项目根目录的node_modules文件夹和package-lock.json文件
  2. 运行npm install重新安装所有依赖
  3. 重新执行npm run build-css

注意：不要全局安装Tailwind CSS，全局安装会和项目内的兼容版本产生冲突，优先使用项目本地依赖。

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