【npm run build】Cannot read property ‘styles’ of undefined エラーの解決方法

npm run build で Cannot read property 'styles' of undefined エラーがでたときの対処方法の備忘録です。

ローカル環境ではビルドできるのに、GitHub Actions ではビルドに失敗する。

キャッシュをクリアしたり、ログをみてもいまいち原因がつかめないまま2日ほど格闘した結果、

Node のバージョンが原因と判明しました。

【エラー】GitHub Actions の設定

    steps:
      - name: Checkout
        uses: actions/checkout@v3
      - name: SetUp
        uses: actions/setup-node@v3
        with:
          node-version: '14.x'
      
      - name: Install
        run: npm install

      - name: Build
        run: npm run build

--> Syntax Error: TypeError: Cannot read property 'styles' of undefined

ビルドが成功するローカル環境の Node バージョン

$ node -v
v16.14.2

Node のバージョンをローカル環境とそろえると成功しました。

【成功】GitHub Actions の設定

    steps:
      - name: Checkout
        uses: actions/checkout@v3
      - name: SetUp
        uses: actions/setup-node@v3
        with:
          node-version: '16.x' # 変更
      
      - name: Install
        run: npm install

      - name: Build
        run: npm run build