【Rails】Webpackerと互換性のないNode.jsがインストールされているとエラー

事象

昔作ったRailsアプリを久しぶりに修正しデプロイしようとしたところ、以下のエラーが出力されました。

# 実行コマンド
Running $HOME/.rbenv/bin/rbenv exec bundle exec rake assets:precompile
# エラー内容
error @rails/webpacker@4.3.0: The engine "node" is incompatible with this module. Expected version ">=8.16.0". Got "6.17.1"

エンジン "node" はこのモジュールと互換性がありません。期待されるバージョンは">=8.16.0"。"6.17.1 "でした。

原因

Railsのバージョンは6.0.3なのでWebpackerが含まれています。WebpackerはNode.jsが必要ですが、本番環境にインストールされているNode.jsのバージョンが古かったためです(エラーメッセージの通り)。

$ node -v
6.17.1

Prerequisites

  • Ruby 2.4+
  • Rails 5.2+
  • Node.js 12+ || 14+
  • Yarn 1.x+ || 2.x+

Webpackerの前提条件を見ると、Node.jsはバージョン12以上か14以上となっています。エラーメッセージには>=8.16.0と書かれているのでどっちを信用すべきなのかわかりませんが、最新バージョンにしておけば間違いないと思います。

対処

Node.jsを最新バージョンにするのですが、本番環境ではnvmnでNode.jsのバージョン管理を行っていなかったので、これを機にnを導入してみました。

まず、インストールされているNode.jsを削除します。

# npm uninstall -g node
or
# yarn global remove node

次にnをインストールします。

# npm install -g n

現在の安定バージョンと最新バージョンを確認します。

# n --stable
14.17.0
# n --latest
16.1.0

今回は安定バージョンをインストールします。

# n stable

インストールした安定バージョンを適用します。今回は安定バージョンである14.17.0しかインストールしていないのでひとつしか表示されていませんが、複数バージョンをインストールしている場合は矢印キーの上下でバージョンを選択し、Enterキーを押すことで選択できます。

# n

  ο node/14.17.0

Use up/down arrow keys to select a version, return key to install, d to delete, q to quit

Node.jsのバージョンを確認します。

# node -v
14.17.0

関連記事

【Rails】RSpecを使った自動テスト《システムスペック編》
# はじめに Railsでアプリケーションを開発する際、品質を担保するためにテストは欠かせません。その中でも、RSpecは多くの開発者に愛用されているテストフレームワークです。 今回は、RSpecを使ったRailsアプリケーションのテスト方 [...]
2024年7月11日 17:07
【Rails】RSpecを使った自動テスト《リクエストスペック編》
# はじめに Railsでアプリケーションを開発する際、品質を担保するためにテストは欠かせません。その中でも、RSpecは多くの開発者に愛用されているテストフレームワークです。 今回は、RSpecを使ったRailsアプリケーションのテスト方 [...]
2024年7月11日 16:06
【Rails】RSpecを使った自動テスト《コントローラースペック編》
# はじめに Railsでアプリケーションを開発する際、品質を担保するためにテストは欠かせません。その中でも、RSpecは多くの開発者に愛用されているテストフレームワークです。 今回は、RSpecを使ったRailsアプリケーションのテスト方 [...]
2024年7月11日 15:39
【Rails】RSpecを使った自動テスト《モデルスペック編》
# はじめに Railsでアプリケーションを開発する際、品質を担保するためにテストは欠かせません。その中でも、RSpecは多くの開発者に愛用されているテストフレームワークです。 今回は、RSpecを使ったRailsアプリケーションのテスト方 [...]
2024年7月11日 11:50
【Rails】RSpecを使った自動テスト《基本編》
# はじめに Railsでアプリケーションを開発する際、品質を担保するためにテストは欠かせません。その中でも、RSpecは多くの開発者に愛用されているテストフレームワークです。 今回は、RSpecを使ったRailsアプリケーションのテスト方 [...]
2024年7月10日 17:49
【Rails】デザインパターン「Concern」の基本情報と実装方法
# はじめに Ruby on RailsなどのMVCフレームワークで構築したWebシステムにはアンチパターンというものが存在します。システム開発におけるアンチパターンとは、避けるべき悪い設計や実装方法のことを指します。 MVCフレームワーク [...]
2024年7月10日 13:32
【Rails】デザインパターン「Form Object」の基本情報と実装方法
# はじめに Ruby on RailsなどのMVCフレームワークで構築したWebシステムにはアンチパターンというものが存在します。システム開発におけるアンチパターンとは、避けるべき悪い設計や実装方法のことを指します。 MVCフレームワーク [...]
2024年7月6日 22:50
【Rails】デザインパターン「Service Object」の基本情報と実装方法
# はじめに Ruby on RailsなどのMVCフレームワークで構築したWebシステムにはアンチパターンというものが存在します。システム開発におけるアンチパターンとは、避けるべき悪い設計や実装方法のことを指します。 MVCフレームワーク [...]
2024年7月6日 19:59