rails6でjQueryが使えない

rails6の勉強を始めて早速 javascript で躓いています。jQueryが取り込めません。
ここを参考に、
1: yarnコマンドでjqueryをinstall　yarn add jquery
grep jquery package.json yarn.lockyarn.lock
=> package.json: "jquery": "^3.5.1",
=> yarn.lock:jquery@^3.5.1:
2: environment.jsに以下を追加

const webpack = require('webpack')
environment.plugins.prepend('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery/src/jquery',
    jQuery: 'jquery/src/jquery'
  })
)

3: application.jsに require("jquery")を追加

したのですが、applidation.js に直書きした
$("select#year_year").onchange(function(){で
Uncaught ReferenceError: $ is not defined js application.js:21
となります。どこがおかしいでしょうか、、

試した事

こちらには「jQuery: 'jquery/src/jquery'　のように　javascript/jquery/jquery.js

を作っていく」と app/javascript/jquery/src/jquery.js がある tree が載せて有りましたが、これはまだ試していません。これは yarn しただけではだめで、jquery.jsのcodeをここに置く必要がある、ということでしょうか？

ここには「app/javascript/packs/application.js に下記をいれたらいかがでしょうか。

window.$ = jQuery;
https://qiita.com/take18k_tech/items/00cc14c0eff45073ffc7」
とあり試したところ
Uncaught ReferenceError: jQuery is not defined
でした。jqueryでも同じくnot definedでした。

ここにはenvironment.jsに更に以下を追加するように有りましたが、

environment.config.set('resolve.alias', {jquery: 'jquery/src/jquery'});同じく、 Uncaught ReferenceError: $ is not definedです。

環境

Ubuntu
Rails6.0.3.2
ruby 2.6.1p33
webpack 4.43.0

追記

config/webpack/environment.js

const { environment } = require('@rails/webpacker')

const webpack = require('webpack')
environment.plugins.prepend('Provide', new webpack.ProvidePlugin({
        $: 'jquery/src/jquery',
        jQuery: 'jquery/src/jquery'
    })
)

module.exports = environment

no1knows

2020/07/12 08:46

ざっと検索しただけで恐縮ですが、environment.jsの場所が違う可能性などは考えられないでしょうか？ https://teratail.com/questions/223723

winterboum

2020/07/12 09:49

ありがとうございます。ここも編集はしましたが、rails new でできたところにあるままです。 config/webpack　にあります

winterboum

2020/07/12 22:57 編集

追記に書きましたが、それは消しては居ないです。。。。あ、今朝OSから立ち上げ直したのですが症状が変わりました。 $(...).change is not a function でそのエラーは出なくなりました。その直後に入れた alertが立ち上がらない。も少し探ってみます

winterboum

2020/07/12 23:33 編集

削除

行動規範の内容に同意します

回答1件

ベストアンサー

environment.jsに当初からあるmodule.exports = environmentを消してしまうと$ is not definedエラーがでましたので、そちらを追記いただくとよいかと思います。

ruby
1//application.js
2
3const webpack = require('webpack')
4environment.plugins.prepend('Provide',
5  new webpack.ProvidePlugin({
6    $: 'jquery/src/jquery',
7    jQuery: 'jquery/src/jquery'
8  })
9)
10
11module.exports = environment //⇐追記