'Tailwind not getting applied --npx build command generating broken css file

I am running following command, which is generating broken style.css, due to which tailwind css doesn't gets apply to views (I am using node/express js). Could anybody please help why this is happening.

npm build:css

package.json (sample extract)

 {

 "build:css": "npx tailwindcss-cli@latest build -i  ./public/stylesheets/tailwind.css -o ./public/stylesheets/style.css"
}

style.css start with below part

        /*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */

    /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

    /*
    Document
    ========
    */

    /**
    Use a better box model (opinionated).
    */

    *,
    ::before,
    ::after {
      box-sizing: border-box;
    }
cssnode.jsexpressstylestailwind-css


Solution 1:[1]

if you use firefox, you can reload the css, by holding the shift key when you refresh it.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 andylondon

Related Questions