When working on my Next.js project, I included the following code in _app.js:
import '../src/styles/style.module.scss';
import '../src/styles/main.module.scss';
This is the content of main.module.scss:
// ./src/styles/main.module.scss
@tailwind base;
@import "~tailwindcss/base";
@import "~tailwindcss/components";
@import "~tailwindcss/utilities";
// NProgress style.
@import 'nprogress/nprogress.css';
However, I keep encountering the following error message:
./src/styles/main.module.scss:1:1
Syntax error: Selector "html" is not pure (pure selectors must contain at least one local class or id)
> 1 | @tailwind base;