Skip to content

Quasar components do not work for quasar's releases 2.16.0-2.16.6 in project on Vite/Vue3 #54

Open
@MaxDXDX

Description

@MaxDXDX

Describe the bug
If any of quasar releases 2.16.0, 2.16.1 ... 2.16.4 are used in project powered by vue-cli-plugin-quasar all quasar components do not work. They are not converted to divs with quasar`s styles.

To Reproduce
Steps to reproduce the behavior:

  1. Scaffold new vue project with vite
  2. Add vue-cli-plugin-quasar to the created project: vue add quasar.
  • choose 'yes' on Allow Quasar to replace App.vue, About.vue, Home.vue and (if available) router.js question to add demo quasar components and layouts to a project
  • choose None (style variables won't be available) option on Pick your favorite CSS preprocessor step for no need to deal with annoying errors with sass.
  1. Run project npm run dev
  2. Go to a browser and see, that the all quasar`s components and layouts are not work (they are not built in DOM)
    image
    image
  3. Stop the app and change version of Quasar to 2.15.4 ("quasar": "2.15.4") in package.json and reinstall: npm install.
  4. Run project npm run dev again and see that all works fine.
    image
    image

Expected behavior
Quasar added by vue-cli-plugin-quasar works fine with no need to change its version from 2.16.x to 2.15.4.

Screenshots
Bad work (for quasar`s versions 2.16.0-2.16.6)
image
image

Good work (for quasar`s version 2.15.4)
image
image

Platform (please complete the following information):
OS: Ubuntu 22.04.4 LTS
Node: local
NPM: 10.5.0
Browsers: Google Chrome 126.0.6478.55 (Official Build) (64-bit)

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions