Not working with rails 8, css bundling and esbuild.

[carolyn-idi]

I'm using Rails 8 with CSS bundling and esbuild.

Per the fontawesome documentation I added the gem to the Gemfile, ran bundle install and added @import "fontawesome-free"; to my applicaiton.boostrap.scss.

When I start the app I get the following error:
11:54:49 css.1 | Error: Can't find stylesheet to import.
11:54:49 css.1 | ╷
11:54:49 css.1 | 11 │ @import "font-awesome";

I also removed the gem and installed the free version with yarn and added the appropriate @import command to application.js - which did load the icons, but the build files with: Error: https://npm.fontawesome.com/@fortawesome/fontawesome-free/-/6.7.2/fontawesome-free-6.7.2.tgz: Request failed "401 Unauthorized"
when trying to deploy to Heroku.

I've used fontawesome for years without issue. Any ideas on how this can be fixed?

[fredbanda]

I find using cdn to be a best option. Just add fontawesome cdn link to your application.html.erb thats the best option especially if you are using free option

"" added to the file just after the meta tags

or you can follow this guy's steps "https://pablofernandez.tech/2022/03/12/using-font-awesome-6-in-a-rails-7-project-that-uses-importmaps/" it does work