rails web上でconsole表示

Question

デベロッパーツールのコンソールでapplication.jsの console.log('yeah, we are ready!')を表示させたい。

application.js

require("@rails/ujs").start()
require("turbolinks").start()
require("jquery")
require("@rails/activestorage").start()
require("channels")


// Uncomment to copy all static images under ../images to the output folder and reference
// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
// or the `imagePath` JavaScript helper below.
//
// const images = require.context('../images', true)
// const imagePath = (name) => images(name, true)

$(document).on('turbolinks:load', function () {
  
  console.log('yeah, we are ready!')
  
})

environment.js

const { environment } = require('@rails/webpacker')
const webpack = require('webpack')

environment.plugins.prepend('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery'
  })
)

module.exports = environment

Answer 1

require("jquery")と書いている以上、node_modulesからjqueryを探すことになります。ProvidePlugin頼みにするなら、この行を消してください。

Comments

[rei007]

回答ありがとうございます。
先ほど自分でぐぐって、ターミナルにyarn add webpack をしたらできるようになりました！
せっかく回答いただけたのに申し訳ないです。