title: How to install jQuery and bootstrap in rails 7 app using esbuild (without webpacker)
body: <p>I'm trying to create a rails app by installing bootstrap and jQuery.
  First I tried to create using</p>
  <pre><code>rails new name--css bootstrap
  </code></pre>
  <p>But its not working. So I did it with it manually.</p>
  <p>I tried also using esbuild but at the case of printing in console it is  not working. Here is a <a href="https://www.youtube.com/watch?v=ql-Ng6OeI-M" rel="noreferrer">YouTube link</a> which I tried.</p>
  <p>So question is how to install jQuery in rails 7 app without using webpacker</p>
  <p>The issue is that now bootstrap and JavaScript are working but not jQuery.</p>
  <p>Here is my files looks like</p>
  <pre><code>// app/assets/stylesheet/application.scss
  
  @import &quot;bootstrap-sprockets&quot;;
  @import &quot;bootstrap&quot;;
  </code></pre>
  <pre><code>// app/javascript/application.js
  
  //= require jquery
  //= require jquery_ujs
  //= require bootstrap.min
  // require turbolinks
  //= require_tree .
  </code></pre>
  <pre><code># Gemfile
  
  gem 'bootstrap-sass', '~&gt; 3.3.7'
  gem 'jquery-rails'
  gem 'sass-rails'
  </code></pre>
  <p>After all these created a controller and add some basic bootstrap,
  JavaScript and jquery codes to test is it is working or not, but both the JavaScript and bootstrap are working. jQuery is working when adding ajax.googleapi link to the HTML page. But that's not a good practice to do.</p>
  <pre><code>&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p>So question is how to install jQuery without using webpacker in
  rails 7 app.</p>
  <p>And also tried to install by using</p>
  <pre><code>rails new app -j esbuild --css bootstrap
  yarn add jquery
  </code></pre>
  <p>But it still not working in my case. Do any one have the solution</p>