Laravel8 Bootstrap4 から5への移行

2021年9月3日

はじめに

Bootstrap5が出ていたことを知り早速移行してみました。Laravel8利用しています。

やったこと

LaravelPJのディレクトリへ移動

cd [LaravelPJ]/


npmとかのパス読み込み

source ~/.bashrc

bootstrap5のインストール

npm install bootstrap@next


一つ警告が出ました!!

npm WARN bootstrap@5.0.0-beta3 requires a peer of @popperjs/core@^2.9.1 but none is installed.
You must install peer dependencies yourself.

翻訳 npmはBootstrap5は@popperjs/core@^2.9.1を必要としているがインストールされていません。
あなたは依存ライブラリを自分自身でインストールする必要があります。

popperjs/coreを自分でインストールしてねというエラーが出たので以下のコマンドで再実行

npm install bootstrap@next @popperjs/core --save-dev




最後にこれを実行(パスの書き換えとかをやってくれている理解)

npm run dev

コマンドは成功したっぽい



試しにこんな感じでBootstrap5からのクラスを書いてみたらスタイル適応されたので移行できたっぽいです。
<h2 class="border-start border-primary border-5″>本サイトについて</h2>


めでたしめでたし

参考にしたサイト

  • https://stackoverflow.com/questions/59905662/npm-warnings-when-installing-laravel-bootstrap
  • https://5balloons.info/correct-way-to-upgrade-the-bootstrap-version-in-laravel-project/
  • https://skillhub.jp/blogs/250

Posted by karaagelovers