【bootstrap5のエラー】Module not found: Error: Can't resolve '@popperjs/core' in.....

Ruby bootstrap Rails エラー

はじめに

rails6系にwebpackerを使って、bootstrap5をインストールして使おうとしたときにclassで指定したデザインが反映されなかったので、

サーバーのログを確認してみたところ、下記のようなエラーが出ていました。

Module not found: Error: Can't resolve '@popperjs/core' in.....

解決法

  • 遭遇したエラー
Module not found: Error: Can't resolve '@popperjs/core' in.....

調べてみたところ、bootstrapが依存しているパッケージのpopperがv1からv2になったためのエラーのようです。

  • v1 → popper.js
  • v2 → @popperjs/core

なので下記コードでpopper.jsをアンインストールしてから、@popperjs/coreをインストールすると解決しました！

$ npm uninstall popper.js
$ npm i @popperjs/core