Compilation error when upgrading to Quasar 2.18.5 from 2.17.7

[mattwright]

What happened?

I have a working quasar app that was on v2.17.7. I ran quasar upgrade -i to move to v2.18.5:

@quasar/extras: 1.16.16 → 1.17.0
quasar: 2.17.7 → 2.18.5

and got this error when I ran quasar dev:

App • ERROR • UI in ./node_modules/quasar/dist/quasar.sass

Syntax Error: expected selector.
╷
2497 │ &:has(+ :is(.q-field__native, .q-field__input):is(
│ ^
╵
../../../quasar/dist/quasar.sass 2497:55 root stylesheet

App • COMPILATION FAILED • Please check the log above for details.

Details:

Dev mode.................. spa
Pkg quasar................ v2.18.5
Pkg @quasar/app-webpack... v3.15.1
Pkg webpack............... v5
Debugging................. enabled

What did you expect to happen?

I didn't see any breaking changes in the changelog from 2.17.7 to 2.18.5, so I assumed I could run quasar upgrade and have it continue to work without any other changes.

Reproduction URL

N/A

How to reproduce?

I'm not sure if this is specific to my project or not...

Flavour

Quasar CLI with Webpack (@quasar/cli | @quasar/app-webpack)

Areas

Style & Identity (quasar)

Platforms/Browsers

Other

Quasar info output

Operating System - Linux(6.14.0-1012-aws) - linux/x64
NodeJs - 22.19.0

Global packages
  NPM - 10.9.3
  yarn - 1.22.22
  @quasar/cli - 2.5.0
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.18.5 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-webpack - 3.15.1 -- Quasar Framework App CLI with Webpack
  @quasar/extras - 1.17.0 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.5.12 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.4.5
  pinia - Not installed
  vuex - 4.1.0 -- state management for Vue.js
  electron - Not installed
  electron-packager - Not installed
  @electron/packager - Not installed
  electron-builder - Not installed
  @babel/core - 7.26.0 -- Babel compiler core.
  webpack - 5.96.1 -- Packs ECMAScript/CommonJs/AMD modules for the browser. Allows you to split your codebase into multiple bundles, which can be loaded on demand. Supports loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.
  webpack-dev-server - 4.11.1 -- Serves a webpack app. Updates the browser on changes.
  workbox-webpack-plugin - Not installed
  register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
  typescript - 4.9.4 -- TypeScript is a language for application scale JavaScript development
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Relevant log output

Additional context

No response

[github-actions]

Hi @mattwright! 👋

It looks like you provided an invalid or unsupported reproduction URL.
Do not use any service other than Codepen, jsFiddle, StackBlitz, CodeSandbox, and GitHub.
Make sure the URL you provided is correct and reachable. You can test it by visiting it in a private tab, another device, etc.
Please edit your original post above and provide a valid reproduction URL as explained.

Without a proper reproduction, your issue will have to get closed.

Thank you for your collaboration. 👏

[mattwright]

It's in the build step, so not sure how to provide a reproduction URL... If this is specific to my setup and not a bug with quasar, you can close this issue.

[afilic]

The same thing happens to me when I upgrade from version 2.18.2 to 2.18.5. uto, 23. ruj 2025. u 22:48 Matt Wright ***@***.***> napisao je:

…

*mattwright* left a comment (quasarframework/quasar#18135) <#18135 (comment)> It's in the build step, so not sure how to provide a reproduction URL... If this is specific to my setup and not a bug with quasar, you can close this issue. — Reply to this email directly, view it on GitHub <#18135 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AEWMMHMTHB7BEKYKRVLAUUD3UGWZ5AVCNFSM6AAAAACHJ36DOCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTGMRVGUYDINRXGM> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

-- Srdačan pozdrav Adam Filić

[zimmersi]

same here after updating from 2.18.3 to 2.18.5

Info:

 » Dev mode............... spa
 » Pkg quasar............. v2.18.5
 » Pkg @quasar/app-vite... v2.4.0

Warning: This selector doesn't have any properties and won't be rendered.

     ╷
2499 │ ┌       :-webkit-autofill,
2500 │ │       [type="color"],
2501 │ │       [type="date"],
2502 │ │       [type="datetime-local"],
2503 │ │       [type="month"],
2504 │ │       [type="time"],
2505 │ └       [type="week"]
     ╵
    ../../../quasar/dist/quasar.sass 2499:7  root stylesheet

[vite] (client) Pre-transform error: [sass] Error: expected selector.
     ╷
2498 │     &:has(+ :is(.q-field__native, .q-field__input):is(
     │                                                       ^
     ╵
  ../../../quasar/dist/quasar.sass 2498:55  root stylesheet
  Plugin: vite:css
  File: /home/it2/dev/btps/registration/node_modules/quasar/dist/quasar.sass:2498:55
  [sass] Error: expected selector.
       ╷
  2498 │     &:has(+ :is(.q-field__native, .q-field__input):is(
       │                                                       ^
       ╵
    ../../../quasar/dist/quasar.sass 2498:55  root stylesheet

[WillianPadilha]

Same here after upgrading from 2.18.3 to 2.18.5
The same issue can be seen in the playground link

https://stackblitz.quasar.dev/

[IceIsFrozen]

The problem commit: ce7d328

[ferdiaddawy]

The issue was resolved by updating sass-embedded from version 1.80.2 to 1.93.2.

[mattwright]

The issue was resolved by updating sass-embedded from version 1.80.2 to 1.93.2.

@ferdiaddawy Is this something that should have been handled automatically by quasar upgrade? My project doesn't have any direct sass dependencies, but instead is coming from @quasar#app-webpack

[ferdiaddawy]

I’m using Quasar with Vite. After upgrading all Quasar-related dependencies, the error was still present. My project doesn’t have any direct sass dependency either, but updating sass-embedded from 1.80.2 to 1.93.2 finally resolved the issue.

So it looks like the problem isn’t automatically fixed by the Quasar upgrade alone — a manual update of sass-embedded was necessary in my case.

[TkachenkoAV]

The issue was not resolved by updating sass-embedded from version 1.80.2 to 1.93.2 for me....