`Syntax Error: SassError` in Quasar devServer with Yarn workspace

Describe the bug So I’ve created a new yarn workspace as a step in reproduce but what I’ve got is COMPILATION ERROR

To Reproduce Steps to reproduce the behavior:

1. yarn init
2. git init
3. git submodule add -n web [quasarProjectRepositoryUrl] packages/web

this is a new quasar project with windicss configured via webpack, you can check out here https://github.com/iamlazy-dev/app-web

1. add workspaces fields in package.json in root project with ["packages/*"] and set private fields to true
2. yarn install
3. add script yarn workspace [packageName] named “web”
4. execute yarn web quasar dev to start the devServer

Expected behavior COMPILATION ERROR is gone

Screenshots

Platform (please complete the following information): Quasar Version: 2 @quasar/app Version: 3.0.0

Quasar mode:

• SPA
• SSR
• PWA
• Electron
• Cordova
• Capacitor
• BEX

Tested on:

• SPA
• SSR
• PWA
• Electron
• Cordova
• Capacitor
• BEX

OS: Node: 14.17.0 NPM: 6.14.13 Yarn: 1.22.10 Browsers: - iOS: - Android: - Electron: -

Additional context monorepo with yarn workspaces, yarn without workspace its fine as well as npm

[anhzf]

thank you @hawkeye64 for following these issues, there’s a postcss plugin to use WindiCSS and no error at least at I posted this comment

[hawkeye64]

@anhzf If you can’t get it to replicate on a new Quasar project, but it does happen when you add windicss, then yes.

A bit more info/ammo…

It appears behind the scenes that windicss is also processing the sass/scss, but they are not using an RTL preprocessor (quasar uses postcss-rtlcss) and therefore, by the time it’s passed to sass, the comments have not been stripped off and sass chokes.