こちらは、私が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ファイルを削除しました。
エラーメッセージ内に不要なファイル名が表示されるので、そのファイルをその都度削除していくと良いと思います。