rails6でjqueryをapp/javascript/packs/test.jsに読み込ませたいのですがうまくいきません。
application.js
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. 5import Rails from "@rails/ujs" 6import Turbolinks from "turbolinks" 7import * as ActiveStorage from "@rails/activestorage" 8import "channels" 9 10Rails.start() 11Turbolinks.start() 12ActiveStorage.start() 13 14require("@rails/ujs").start() 15require("turbolinks").start() 16require("@rails/activestorage").start() 17require("channels") 18require("jquery") 19 20require('test.js') 21
environment.js
1const { environment } = require('@rails/webpacker') 2const webpack = require('webpack') 3environment.plugins.prepend('Provide', 4 new webpack.ProvidePlugin({ 5 $: 'jquery/src/jquery', 6 jQuery: 'jquery/src/jquery' 7 }) 8) 9module.exports = environment 10
試したこと
https://ymiyashitablog.com/rails-jquery/
上記のサイトや<script src="test.js"></script>
などさまざまなサイトで試してみたのですがうまく読み込んでくれませんでした。
そもそもjqueryの環境構築する前に設定しないといけないことがあるのでしょうか?
ここから先が全く進まらないため、ご教授お願いしたいと思いご質問させていただきました。
あなたの回答
tips
プレビュー