V4 Tailwind Can't resolve error

[alicannck]

Tailwind Error When Using SCSS Files

Issue

Hello, I'm having an issue with Tailwind when working with SCSS files. When my SCSS files are processed, Tailwind throws an error.

What could be causing this, and how can I fix it? Thanks in advance!

Error Message

Error: Can't resolve 'abstracts/main' in 'C:\Users\Alican\Desktop\dene7\src\scss'
    at finishWithoutResolve (C:\Users\Alican\Desktop\dene7\node_modules\enhanced-resolve\lib\Resolver.js:564:18)
    at C:\Users\Alican\Desktop\dene7\node_modules\enhanced-resolve\lib\Resolver.js:656:15
    at C:\Users\Alican\Desktop\dene7\node_modules\enhanced-resolve\lib\Resolver.js:718:5
    at eval (eval at create (C:\Users\Alican\Desktop\dene7\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:15:1)
    at C:\Users\Alican\Desktop\dene7\node_modules\enhanced-resolve\lib\Resolver.js:718:5
    at eval (eval at create (C:\Users\Alican\Desktop\dene7\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:27:1)
    at C:\Users\Alican\Desktop\dene7\node_modules\enhanced-resolve\lib\DescriptionFilePlugin.js:89:43
    at C:\Users\Alican\Desktop\dene7\node_modules\enhanced-resolve\lib\Resolver.js:718:5
    at eval (eval at create (C:\Users\Alican\Desktop\dene7\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:15:1)
    at C:\Users\Alican\Desktop\dene7\node_modules\enhanced-resolve\lib\Resolver.js:718:5 {
  details: "resolve 'abstracts/main' in 'C:\\Users\\Alican\\Desktop\\dene7\\src\\scss'\n" +
    '  Parsed request is a module\n' +
    '  using description file: C:\\Users\\Alican\\Desktop\\dene7\\package.json (relative path: ./src/scss)\n' +
    '    resolve as module\n' +
    "      C:\\Users\\Alican\\Desktop\\dene7\\src\\scss\\node_modules doesn't exist or is not a directory\n" +
    "      C:\\Users\\Alican\\Desktop\\dene7\\src\\node_modules doesn't exist or is not a directory\n" +
    '      looking for modules in C:\\Users\\Alican\\Desktop\\dene7\\node_modules\n' +
    "        C:\\Users\\Alican\\Desktop\\dene7\\node_modules\\abstracts doesn't exist\n" +
    "      C:\\Users\\Alican\\Desktop\\node_modules doesn't exist or is not a directory\n" +
    "      C:\\Users\\Alican\\node_modules doesn't exist or is not a directory\n" +
    "      C:\\Users\\node_modules doesn't exist or is not a directory\n" +
    "      C:\\node_modules doesn't exist or is not a directory"
}

[wongjn]

As per the documentation, Tailwind is not meant to be used with Sass.

[alicannck]

So I shouldn't use scss? I used it because it was easier for me. Doesn't it support scss 🥲🥲

[wongjn]

You should not use Scss. You shouldn't be writing so much CSS with Tailwind that you'd want to use Sass at all anyway.