Tailwind Classes not compiled using ViewComponents

[sergitejada]

I have been testing ViewComponts and I found this ViewComponts + Tailiwnd guide.

Example
The guide uses a CDN to use tailwind and everything works fine.

My problem is that using tailwindcss-rails the tailwind classes that are injected from a component are not rendered in the view.

I start server from Procfile

My tailwind.config:

My component:

Component view:

Error:

Classes are loaded in Html but not in css

I know where the error is but I can't find a solution without having to use a tailwind CDN.

PD: I have also used rails assets:clobber

[rafaelfranca]

This seems like tailwind not recognizing those classes are being used and removing them from the bundle. I think you also need to tell tailwind to check the component ruby files in the content: config in your tailwind.config

[rafaelfranca]

https://tailwindcss.com/docs/content-configuration#configuring-source-paths

[fc-anjos]

Make sure to add the components folder in the paths array to Tailwind config, as seen on your second screenshot.

config/tailwind.config.js

module.exports = {
  content: [
    './public/*.html',
    './app/helpers/**/*.rb',
    './app/javascript/**/*.js',
    './app/views/**/*.{erb,haml,html,slim}',
    './app/components/**/*' // This is the new Entry
  ],