actioncable | Pre-built for Rails Actioncable client | Frontend Framework library

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 have two models: post and comment, second one is nested in the first. I want to create an action cable for the comments. Here is how I made it for the posts: it works perfectly fine - showing up in console both title of the post and content. The route:

I am very new to rails and webpacker and cannot figure out what is happening, here. When I perform a 'full load' of my app from the address bar in the browser, the tooltips and popovers are not being instantiated and I get errors like this:

• application.js:32 Uncaught TypeError: $(...).tooltip is not a function

But, when I load a page from within the app (click on link in the nav bar), the tooltips and popovers work as expected. Also, If I go to the chrome console and manually instantiate them, the tooltips and popovers begin working:

$('[data-bs-toggle="tooltip"]').tooltip();

Here are some of what I think are the pertinent configs:

packs/application.js

I'm having trouble getting ActionCable hooked up in my prod environment, and related questions haven't had a working solution. I'm using an nginx+puma setup with Rails 6.1.3.2 on Ubuntu 20.04. I have confirmed that redis-server is running on port 6379, and that Rails is running as production.

Here's what I'm getting in my logs:

Im running ruby version 2.6.1 with docker. Rake gem is version 13.0.1.
Whenever I tried docker-compose up, it always fails and throws this error everytime:
This error did not exist before.

Webpack throws my an error, i did no special changes. I use tailwindcss with rails6. normally the application.js is around 5mo.

I took a clean and stable repo to undo my last changes. i did -npm install -npm upgrade -remove /public/assets

I've just started a fresh rails-6 project with webpacker and vue. I wanted to have the vue-component styles in sass, but the sass-loader throughs:

Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js) SassError: Invalid CSS after "": expected 1 selector or at-rule, was ".foo"

Has anyone seen this before? Or maybe, how can I debug what goes wrong here?

I have installed webpack for my Rails 6.1 project with

Trying to deploy Rails app onUbuntu 20 is impossible to install pg, and any attempt to bundle will incur in errors