LoginSignup
2
0

More than 5 years have passed since last update.

Rails5でJqueryを利用しようとして少しハマった件(Uncaught ReferenceError: $ is not defined)[Rails]

Last updated at Posted at 2018-12-04

はじめに

Rails5では、jQueryに関するgemはrails newコマンドで標準でインストールされなくなりました。そこでjQueryをプロジェクト内で利用できるようにするにあたって、少しハマってしまいました。そこで、今回は、その解決方法をここで共有しておきたいと思います。

gemの導入

rails newコマンドでアプリケーションフォルダを作成した後に、下記記述をGemfileに追記して、bundle installを行います。

# jQuery
gem 'jquery-rails'

application.jsファイルに追記

次に、jqueryのコードを各ファイルが認識できるように、下記の2行をapplication.jsに記述します。

application.js
//= require jquery
//= require jquery_ujs

Rails関連記事

正規表現まとめ(基礎)[Ruby編]
配列で利用できる主なメソッドをまとめてみた[Ruby編]
Mysql2::Error: Duplicate entry for key.. エラーを撃退した話(validationの設定)

おわりに

フレームワークのバージョンアップによって、標準でインストールされるライブラリも変更しますよね。
yarnやWebPackの導入が進んでいることもあり、今後はjquery-railsなどのjQuery/JavaScriptライブラリ導入用のgemはだんだん使われなくなっていくことが予想されます。
ですので、今のうちになるべくyarnでJavaScriptライブラリを管理するのがよいでしょう。

少しでも役にたったよー、て方は「いいね」お願いします(^^)

2
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
2
0