Q&A
https://web-camp.io/magazine/archives/17690 こちらのサイトを参考に、railsにjqueryを導入しようとしたところ、application.jsの場所が自分の場合はapp/assets内にはなく、app/javascript/packs内にあります。それはそれほどの問題ではないと考えていますが以下が分かりません。
サイト内のapplication.jsに似たコードは書かれているものの、異なっている部分があり、どのように変更すればいいか分からないので、教えていただけると幸いです。自分のapplication.jsは以下の通りです。
app/javascript/packs/application.js
javascript
1// This file is automatically compiled by Webpack, along with any other files 2// present in this directory. You're encouraged to place your actual application logic in 3// a relevant structure within app/javascript and only use these pack files to reference 4// that code so it'll be compiled. 5 6require("@rails/ujs").start() 7require("turbolinks").start() 8require("@rails/activestorage").start() 9require("channels") 10 11 12// Uncomment to copy all static images under ../images to the output folder and reference 13// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>) 14// or the `imagePath` JavaScript helper below. 15// 16// const images = require.context('../images', true) 17// const imagePath = (name) => images(name, true)
サイト内に書かれていた変更方法も書いておきます。
JavaScriptの設定ファイルは「app/assets/javascripts/application.js」ですので、「//= require jquery」という1行を追加してください。
（app/assets/javascripts/application.js）
javascript
1// about supported directives. 2// 3// ↓を追加 4//= require jquery 5//= require rails-ujs 6//= require activestorage 7//= require turbolinks 8//= require_tree .
回答1件
0
ベストアンサー
application.jsの場所が自分の場合はapp/assets内にはなく、app/javascript/packs内にあります。
app/assets以下はSprocketsの管理ですが、app/javascript以下はWebpackerの管理になるので、書き方は大きく異なります。
//= require jqueryのように書いても、単なるコメントとしか認識されません。
window.jQuery = window.$ = require('jquery')のようにしてください（package.jsonへの追加も必要です）。
投稿2020/05/05 22:20
総合スコア145183
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/05/05 22:21
退会済みユーザー
2020/05/05 23:15
2020/05/05 23:23
退会済みユーザー
2020/05/05 23:55