[vue3.x] TypeError: Object(...) is not a function

Hello. I’m migrating my project from vue2 to vue3. On vue2 I used this slider alot and everithing works just fine. On vue3 i’ve intalled 4.0.0-beta.5 version, but it throws me wierd error just from the beggining.

Have no idea what could be the reason - it works fine on clean new vue3 project, but does not even start on mine. Probably there are some conflicts with other libraries or my config. Have you seen errors like this?

Environment

• OS & Version: Windows
• Vue version: 3.2.4
• Component Version: 4.0.0-beta.5
• Webpack: 5.53

[ebrake]

I was able to fix this issue (using vue3 + typescript) with the following configurations:

to package.json:

"dependencies": {
  "vue-property-decorator": "^9.0.2",
  "vue-slider-component": "^4.0.0-beta.4"
},
"devDependencies": {
  "vue-class-component": "^8.0.0-0",
}

to tsconfig.json:

"compilerOptions": {
  "experimentalDecorators": true
}

If not using typescript, babel options could help for vue-class-component

[NightCatSama]

fixed in 4.0.0-beta.8.