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.


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

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


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.


Best Regards


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...