Sage Tailwind multiple ruleset error

[knowler]

@gomako

I am also getting the following warning:

resolve-url-loader cannot operate: CSS error
missing '}'

Within the guide I’ve written about setting up Tailwind in Sage, I have a footnote explaining that error:

@knowler

1 You will notice a Webpack warning when running yarn start . There is nothing going wrong with the compiling of your styles, but this is a known issue with the resolve url Webpack loader. If you comment it out in the Webpack config file, the error will no longer appear, however, an error will persist in the browser console since this breaks source maps. Since you are using Tailwind — which generates CSS via a JavaScript config file — you don’t really need source maps, so you can go even further and remove the sourceMap option form the css/postcss/sass loaders. It does suck, but using a utility CSS framework you’ll notice you will be spending a lot less time in your stylesheets and more time in the markup designing.