Rails関連のことを調べてみた2022年04月22日

Uncaught ReferenceError: $ is not defined　Rails６

Rails６で非同期処理がうまくいかなかったので備忘録。

:::note alert
Uncaught ReferenceError: $ is not defined
:::

##### 原因としては
・jQueryがうまく読み込めていなかった。
・Rails6でのjQuery導入ができていなかった

:writing_hand:参考にした記事

Introducing jQuery in Rails 6 Using Webpacker

#### 導入方法

“`
$ yarn add jquery
““

config/webpack/environment.js
javascript/packs/application.js
に下記を追加

“`environment.js
const { environment } = require(‘@rails/webpacker’)

//追加部分
const webpack = require(‘webpack’)
enviro

【rails入門】ページのスクロールに合わせて要素を動かす！

# 完成したこんな感じ

スクロールに応じて要素を左右に動かす！

# コード
“`html:index.html

My name is Naoya.

GeekSalon Fukuoka