Closed3

React + @tailwindcss/vite + GitHub Actions でビルドエラー

enumura1enumura1

事象

TailwindCSS v4を使用したViteプロジェクトをGitHub Actionsでビルドすると、以下のエラーが発生する

Error: Cannot find module @rollup/rollup-linux-x64-gnu
Error: Cannot find module '../lightningcss.linux-x64-gnu.node'  
Error: Failed to load native binding (@tailwindcss/oxide)

環境

  • "react": "^19.1.0"
  • "react-dom": "^19.1.0"
  • "vite": "^6.3.5"
  • "@tailwindcss/vite": "^4.1.7"
  • CI環境: GitHub Actions (Ubuntu)
enumura1enumura1

解決方法

  1. package.jsonにoptionalDependenciesを追加
{
  "optionalDependencies": {
    "@rollup/rollup-linux-x64-gnu": "^4.6.1",
    "@tailwindcss/oxide-linux-x64-gnu": "^4.0.1", 
    "lightningcss-linux-x64-gnu": "^1.29.1"
  }
}
  1. package-lock.jsonを更新
npm install
このスクラップは2ヶ月前にクローズされました