运行npm run dev长期报错Cannot read properties of undefined (reading 'stdin')求解决方案

问题场景 #

执行的dev命令：

tailwindcss@1.0.0 dev
tailwindcss -i ./src/input.css -o ./dist/output.css --watch

触发报错：
npm ERR! Cannot read properties of undefined (reading 'stdin')

针对性解决方案 #

• 匹配npm与Tailwind版本兼容性
  Tailwind CSS 1.x版本对npm版本有严格要求，建议切换到npm 6.x（与Tailwind 1.x稳定兼容）：

  npm install -g npm@6
  

  若需保留全局版本，可使用nvm管理局部Node.js环境：

  nvm install 14  # Node.js 14对应npm 6.x，适配Tailwind 1.x
  nvm use 14
  

• 禁用watch模式的stdin监听
  报错核心是watch模式下终端无法提供stdin流，修改package.json中的dev命令，添加--no-stdin参数：

  {
    "scripts": {
      "dev": "tailwindcss -i ./src/input.css -o ./dist/output.css --watch --no-stdin"
    }
  }
  

  修改后重新执行npm run dev。

• 彻底清理并重装依赖
  排除损坏的缓存或依赖文件：

  rm -rf node_modules package-lock.json
  npm cache clean --force
  npm install
  

• 切换终端环境
  部分受限终端（如旧版Windows CMD、无stdin权限的远程终端）会触发该问题，尝试切换到：

  • Windows：PowerShell或Git Bash
  • Linux/macOS：系统默认终端或iTerm2

• 升级Tailwind CSS至维护版本
  Tailwind 1.x已停止维护，后续版本修复了此类兼容性问题，若业务允许可升级：

  npm uninstall tailwindcss@1.0.0
  npm install tailwindcss@latest
  

  升级后需同步更新配置文件（参考官方规范调整tailwind.config.js及命令参数）。

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