Uncaught ReferenceError: $ is not defined

Recibo el error anterior para todos los javascripts que se llaman/declaran dentro de las vistas. Da Uncaught ReferenceError: $ no está definido cuando representa esa vista específica, mientras que Jquery funciona bien para archivos JS normales.

por ejemplo, teniendo en cuenta la siguiente vista company.html.haml, da error en companyUpdates.initializeDashboardList(indexParams, '111','basic');

alguna idea, ¿cómo puedo ejecutar todas esas llamadas javascript presentes en las vistas de la aplicación Ruby on Rails?

empresa.html.haml

 .section-content#dashboard-intelligence .section-header == Heading - content_for :additional_js do :javascript indexParams = { appId: "111", key: "111", name: "hello" } $(document).ready(function(){ companyUpdates.initializeDashboardList(indexParams, '111','basic'); });

Personalizado.js

 const webpack = require('webpack') module.exports = { resolve: { alias: { $: 'jquery/src/jquery', jquery: 'jquery/src/jquery', React: 'react', ReactDOM: 'react-dom' }, fallback: { "punycode": require.resolve("punycode/") }, extensions: ['.jsx'] }, plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", React: 'react', I18n: 'i18n-js' }), ] }

base.js

 const { webpackConfig, merge } = require('@rails/webpacker') const customConfig = require('./custom') module.exports = merge(webpackConfig, customConfig)

desarrollo.js

 process.env.NODE_ENV = process.env.NODE_ENV || 'development' const webpackConfig = require('./base') module.exports = webpackConfig

entorno.js

 This is an empty file