无法通过Vercel或Netlify部署网站？tailwindcss+parcel项目部署报错求解

解决步骤： #

• 先查package.json的依赖位置
  确认tailwindcss、postcss、autoprefixer是不是被你放到devDependencies里了。Vercel 生产环境部署默认只会安装dependencies下的包，找不到这几个构建需要的依赖就会报错。你要么把这三个包移到dependencies字段下，要么去 Vercel 项目的环境变量设置里加一条NPM_PRODUCTION = false，让部署时安装全部依赖包括开发依赖。
• 检查配置文件有没有被忽略
  看根目录下的.gitignore里有没有包含tailwind.config.js或者postcss.config.js，如果这两个文件本地有但没提交到仓库，Vercel 拉代码的时候找不到配置，也会构建失败。
• 核对 Vercel 的构建设置
  打开 Vercel 对应项目的设置页，找到构建开发设置板块：
  • 构建命令填npm run build，要和你本地打包的命令一致，同时确认package.json里的scripts有对应的build指令，值是parcel build 你的入口文件路径
  • 输出目录填dist，和 Parcel 默认的打包输出路径对应
• 清缓存重新部署
  要是上面的配置都没问题，就找到失败的那条部署记录，重新部署的时候勾选跳过构建缓存，避免旧缓存的依赖影响构建。

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