Tailwind CSS Configuration Error - Shopify - Theme Kit

[paultorniado]

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: [],

}

[mufeiyu]

I also encountered a similar problem. I referenced tailiwindcss in vitepress and configured it according to the official website.

[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,