ようやくJQueryも発火できた。

かれこれ何日も悩んでたJQueryの発火に成功した。

解決方法は以下の通り。

1 まずはyarn add jquery

そしてwebpackのenvironment.jsを編集して、node_modulesのjquery/src/jqueryを読みこませる。

2 次にapplication.jsにimport文を書いて読み込ませたいjqueryのファイルを指定。

この時app/javascript/jquery/src/jquery.jsに指定し、jquery.jsにimportを書くことでフォルダ内の他のjqueryも読み込めるようにする。

ようやく動いた。しかし、もし今後つまずいたら？

何処で止まってしまっているのかを把握することが大事だと気付いた。今回の場合はapplication.jsにjquery文を書いたら動いていたので、webpackでのjquery追加はできているしenvironment.jsも問題ないと思った。

一つ一つ段階的に建設的に。