building-with-adonisjs-and-inertia repository setup error on local machine.

Hello

I'm trying setup this project: https://github.com/adocasts/building-with-adonisjs-and-inertia on my local machine and I'm getting this error:

[postcss] /home/thiago/study/node/building-with-adonisjs-and-inertia/inertia/components/SettingsShell.vue?vue&type=style&index=0&scoped=9c23e674&lang.css:3:3: The text-primary class does not exist. If text-primary is a custom class, make sure it is defined within a @layer directive.

I'm using node v21.

Does anyone can help me, pls?

Thank you.

AdonisJS

@tomgobich
5 months ago

Hi Thiago!
Sorry you're having issues! I think I found the culprit. It looks like TailwindCSS was having difficulty picking up the default configuration to use. Explicitly defining the config seems to have fixed the issue - at least on my end, but I couldn't get the error to consistently happen.
Please let me know if this remedied the issue for you!
Thanks and sorry again you're having issues!

1
1. Responding to tomgobich
  
  @thiago-domingues
  OP
  
  5 months ago
  
  Worked fine.
  Thank you!
  
  1
  1. Responding to thiago-domingues
    
    @tomgobich
    5 months ago
    
    Awesome, that's great to hear!
    Anytime!!
    
    0