Cannot read properties of null (reading 'isCE')

[Valeriy Grishko]

What happened?

I get this error after I moved from webpack to vite in my quasar project.

everything works fine just in the vite-vue build here's a link to vite-vue, link to quasar-vite in the (reproducible url) section

both of which I use

"vue": "^3.4.18",
"vue-slider-component": "^4.1.0-beta.7"

What did you expect to happen?

No error, the component is rendering

Reproduction URL

https://stackblitz.com/edit/quasarframework-bfe2lw?file=src%2Fpages%2FIndexPage.vue

How to reproduce?

open Reproduction URL
and run yarn dev.
open dev tools of browser and you will see the error.
Slider you can find on IndexPage.vue (quasar default boilerplate I used for this).

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

SPA Mode

Platforms/Browsers

Chrome

Quasar info output

No response

Relevant log output

No response

Additional context

No response

[Razvan Stoenescu]

This is an issue with Vite 2 (which will not receive any further updates).
Please upgrade to q/app-vite 2.0.0-beta.1 (which has Vite 5). #16877

It seems to work just fine with it. For the project that you've put a link to, you'd need to do this:

• Rename /.eslintrc.js to /.eslintrc.cjs
• Rename /postcss.config.js to /postcss.config.cjs
• Change /quasar.config.js:

  import { configure } from 'quasar/wrappers';
  export default configure(function (/* ctx */) {

• Change /package.json:

  "type": "module",
  "devDependencies": {
    "@quasar/app-vite": "^2.0.0-beta.1",

[Valeriy Grishko]

Thanks a lot! It works.