rails6 Bootstrapテンプレートでのエラー


こちらは、私がBootstrapのテンプレートを使用した時につまづいたエラーについて紹介します。

環境

ruby 3.0.2
rails 6.1.4
bootstrap 5.0.0-beta3
popperjs 2.10.2
webpacker 5.0

エラー内容

bootstrpのテンプレートをインストールし、ダウンロードしたフォルダやファイルを自分のアプリに組み込んでいきます。
その時に、stylesheetsフォルダーに必要なcssやscssのファイルも一緒に移行しました。
そして、ローカルにアクセスして見たところ、

Sprockets::DoubleLinkError

こちらは、「同じ出力パスを持つ複数のファイルをリンクできない」というエラーのようでした。

つまづいたポイント

Rails6からwebpackerがデフォルトでインストールされるようになりました。
webpackerでは、cssファイルではなくscssファイルを使用することでスタイルの編集が可能になります。
なので、stylesheetsフォルダー中にcssファイルかscssファイルがあるとrails側でどちらを見ればよいか分からずにエラーとなりました。

webpackerとは

Webpackとは、CSS、JavaScript、画像などを1つのファイルとしてまとめるためのモジュールバンドラーで、node.jsのモジュールの1つです。

こちらの記事を参照
https://qiita.com/PonPon3/items/0957e69c0927be5c1a8b

対処法

不要なcssファイルを削除しました。
エラーメッセージ内に不要なファイル名が表示されるので、そのファイルをその都度削除していくと良いと思います。