Rails6でBootstrap4のためにjQueryをいれたいがエラーになる

Question

困っていること

Boostrap4 でモーションがついてるものをやりたいため、jQueryを入れようとしましたが、エラーとなります。

Rails 6にjQueryとBootstrapを入れる - Qiita
上記のページの2つめの「昔ながらのassetsを使う方法」を試しています。

エラー内容

Sprockets::FileNotFound in Hellos#hello
Showing C:/Users/<username>/rails/fxp/app/views/layouts/application.html.erb where line #8 raised:

couldn't find file 'jquery3' with type 'text/css'

というように怒られます。
次のコードの「 *= require jquery3」の部分でエラーを指摘されます。

次が、エラーを指摘されるapp/assets/stylesheets/applicasion.scss の一部です。

/*
 *= require jquery3
 *= require popper
 *= require bootstrap-sprockets
 *= require_tree .
 *= require_self
 */

@import "bootstrap";

どのように対処したら良いのでしょう。

環境

環境は次の通りです。

Rails6
Ruby2.6
Boostrap4.5です。

Gemfileの一部です。
下の方が今回のBootstrapのために入れているものです。

ruby '2.6.6'
gem 'rails', '~> 6.0.3', '>= 6.0.3.2'
gem 'puma', '~> 4.1'
gem 'sass-rails', '>= 6'
gem 'webpacker', '~> 4.0'
gem 'turbolinks', '~> 5'
gem 'jbuilder', '~> 2.7'

gem 'bootstrap', '~> 4.5.0'
gem 'sassc', '~> 2.3'
gem 'uglifier'
gem 'jquery-rails'

出来ていること

動きのないBoostrap単体までは正常に動作することを確認済みです。

Answer 1

次のコードの「 *= require jquery3」の部分でエラーを指摘されます。

エラーメッセージのとおりです。jQueryにCSSはありません。JavaScriptだけ読み込んでください。

Comments

[shisha]

app/assets/styleseets/application.scssに最初書いてましたが、javascriptディレクトリの方のapplication.jsに書くべきでしたね。見本とあるのに比べてどうもコメントの書き方が違うことに違和感があったのですが、気がつきませんでした。ひとまず問題が1つ解決しました。ありがとうございまた!!