0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Rails でJavaScriptが動作しない…?

Posted at

railsでJavaScriptを使おうとした際に少しハマったのでメモ

現象

jsファイルを作成し、コードを書いているのにブラウザのコンソール画面が反応しない。

↓ jsファイル

posts.js
$(function(){
  console.log("OK")
})

↓ ブラウザのコンソール
bcffa2f0733f33d8f62ccead4e64a205.png

原因調査

jqueryの設定にミスがあるかと思ってファイルを確認しても特にミスは見つからず…
というかコンソール画面でエラーすら出ないということはjsファイルが読み込まれていない?
ということでGoogle先生に聞き込み

結果

やはりjsファイルが読み込まれていませんでした。
原因はコントローラ作成時に生成されるcoffeeファイル
96914264b880c46743b4056ab5e5fc1f.png
このファイルと同じ名前でjsファイルがあるとcoffeeファイルが優先して読み込まれるためjsファイルが読み込まれないということでした。

coffeeファイルを消してリロードしてみると
ef58666adbb389c33b52cd0c8498af69.png
ちゃんとコンソール画面にOKと表示されました!

coffeeファイルが何に使われるのか、なぜコントローラ作成時に自動で作られるのか謎ですが、coffeeファイルは基本削除するようにしておきます。
(自動生成されるくらいなので割と重要なファイルな気もしますが…)

間違いあれば指摘してください。

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?