More than 5 years have passed since last update.

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

Last updated at 2018-12-11Posted 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

おわりに

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

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

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

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

はじめに

gemの導入

application.jsファイルに追記

Rails関連記事

おわりに