1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

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

Posted at

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

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?