Jump to content

Tailwind CSS Configuration Error - Shopify - Theme Kit


Recommended Posts

Trying to add tailwind css in shopify but I am stuck on this configuration error.

Anyone can help me fix this?

warn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration.

tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}
  • Like 9
  • Thanks 1
Link to comment
Share on other sites

  • 4 months later...
  • 3 weeks later...
Guest David Michael

Hi, 

Tailwind CSS is a popular utility-first CSS framework that can greatly assist in achieving this customization by providing a structured and efficient way to manage your styles.

The issue involves adding Tailwind CSS to a Shopify theme but encountering a "No utility classes detected" error. To fix it, ensure correct file paths in tailwind.config.js, verify file existence, recompile Tailwind CSS, and refresh your Shopify project for successful customization.

You can get complete solution to this problem https://swishtag.com/how-to-update-shopify-theme-without-losing-customization/

Hope your issue will be resolved.

Thanks

Best Regards

David,

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...