Turbolinks | Helthe Turbolinks Component | Application Framework library

This isn't working since upgrading to rails 6 with webpacker I don't know if my syntax is vanilla or jquery Can someone tell me please I think I need to add a jquery.min.js script tag to my html I'm not sure

I have a problem with my code the select2 is displaying only once when I refresh the page but it disappears when I submit the form or if there was a validation error it will disappear too. I tried wire:ignore The select2 doesn't disappear but it stops working properly and the form considered it like if it doesn't exist. I use laravel 8, livewire 2 and turbolinks. Any help would be appreciated I've been stuck for almost 2 weeks. Here is my code :

Blade:

Looked through past posts on SO but couldn't find the solution.

Environment:

1. Mac OS Big Sur
2. Rails 6.1.3.2
3. ruby 3.0.1p64

Github repo https://github.com/tenzan/ruby-bootcamp

Added Bootsrtap 5 according to https://blog.corsego.com/rails-6-install-bootstrap-with-webpacker-tldr

To push to heroku I ran git push heroku main

Output:

I'm aware of the recent mimemagic issues, which I managed to resolve on one of my Rails projects by bundle updating to 0.3.7 - but for some reason, I can't resolve it on the project below.

I have a Rails 6 project which I'm setting up for the first time on a new laptop. My laptop doesn't have the correct Ruby setup, so I've added a Dockerfile to my project like so:-

Dockerfile

I am using the splitting.js javascript library in my Rails 6 project. When I try to load the page I get "Uncaught TypeError: Splitting is not a function" in the console.

I have installed the javascript library using Yarn:

yarn add splitting

Splitting() is called with other Javascript in scripts.js which is required in my applicaiton.js file. I have configured my application.js file in a number of ways to try to fix the issue but to no avail. Here is my current iteration of this file (entire file included in case there are other interactions to consider):

Second attempt on loading bootstrap (and jquery) for a rails application through webpack and not simply from a CDN. I have followed this great post here: https://stevepolito.design/blog/rails-6-bootstrap-4-webpacker-tutorial/ - I know this references bootstrap 4 (and I am trying with latest bootstrap 5), and I assume this might be the problem. I have adjusted for popper.js being replaced by @popper.js/core (i. e. the "yarn add" line).

Here's what happens: I have dropped sample code from the bootstrap website to check whether tooltips, popovers, and modals work.

• tooltips work but their PLACEMENT does not work (they all appear at the top and not on the bottom / right / left)
• modals do not work at all - I can click and nothing happens
• popovers work but only the title is displayed - not the content

The javascript console does not give any errors. however when I manually try jquery.version, I get a "Uncaught ReferenceError: jquery is not defined".

Here is my config/webpack/environment.js (I inserted the window.jquery line):

I am trying to install this theme - Cleopatra - built on Tailwind CSS in my Rails 6 app, but I can't quite make heads & tails of how to do it properly with webpacker.

I am sure this should be fairly straightforward, but I don't use any JS frameworks so I don't quite get webpacker and JS package managers other than knowing they are similar to Bundler and Gemfiles.

I have Tailwind CSS successfully installed, and I have tried a variety of things and all generate errors or don't render successfully.

So I would rather just a step by step approach to installing it.

I am using Rails 6.0.3.6 and Ruby 3.0.1p64.

Edit 1

I have been trying the following guide and this is the error I am getting:

does anyone know why the error

"ERROR: While executing gem ... (Errno::EACCES)

Permission denied @ rb_sysopen - C:/Ruby27-x64/lib/ruby/gems/2.7.0/gems/pg-1.2.3-x64-mingw32/lib/2.7/pg_ext.so"

appears while trying to install pg gem in Windows 10?
I tried running gem install pg with admin privileges in command prompt in my application folder, but it throws this error.. I also checked out site https://rubygems.org/gems/pg and there copied how to install pg via command line, and what to include in Gemfile.
Here is my gem file:

application.js