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ファイルを削除しました。
エラーメッセージ内に不要なファイル名が表示されるので、そのファイルをその都度削除していくと良いと思います。
Author And Source
この問題について(rails6 Bootstrapテンプレートでのエラー), 我々は、より多くの情報をここで見つけました https://qiita.com/ro-ze1106/items/020828ae76246adc6d54著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .