Uncaught TypeError: Super expression must either be null or a function

[devdsc]

Describe the bug

I am receiving below error on latest version ( to be specific 3.0.2 and above versions)

vue-slider-component.umd.min.js?4971:1820 Uncaught TypeError: Super expression must either be null or a function
at d (vue-slider-component.umd.min.js?4971:1820)
at eval (vue-slider-component.umd.min.js?4971:2065)
at Module.fb15 (vue-slider-component.umd.min.js?4971:2068)
at r (vue-slider-component.umd.min.js?4971:15)
at eval (vue-slider-component.umd.min.js?4971:63)
at eval (vue-slider-component.umd.min.js?4971:65)
at eval (vue-slider-component.umd.min.js?4971:3)
at eval (vue-slider-component.umd.min.js?4971:9)
at Object../node_modules/vue-slider-component/dist/vue-slider-component.umd.min.js (manifest.build.js:3551)

Environment (If you feel unrelated, please delete the block)

• OS & Version:Windows all browsers
• Vue version: vue.runtime.min.js?v=v2.4.2
• Component Version: v3.0.2 and above

[NightCatSama]

How did you use it?

[digifoxman]

Hi there,

Nice work, slider looks really neat!

I am getting this error as well in my console:

But the slider itself (I wrapped it in a simple Vuejs component) seems to work fine. No further errors or warnings.

My environment:

(index.hml)
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vue-slider-component@latest/theme/default.css">
<script src="https://cdn.jsdelivr.net/npm/vue-slider-component@latest/dist/vue-slider-component.umd.min.js"></script>

(package.json)
"vue": "^2.6.10",
"vue-slider-component": "^3.0.45",

(OS)
Ubuntu 16.04.3 LTS

Best regards, Ulfert.

[dlueth]

Same problem here, in an AMD-Environment @NightCatSama

When looking at the transpiled source of https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-slider-component.umd.js I stumble across the UMD part

else if(typeof define === 'function' && define.amd) define([], factory);

where the Vue-Dependency is missing which might be the reason for this happening, at least in my case.

[NightCatSama]

@dlueth See if this issue is helpful to you.

#379

[dlueth]

@NightCatSama was going to try that out tonight and report back. But my guess would be: it should. But that would mean that your umd-part is broken for amd

[dlueth]

@NightCatSama Yes, as expected, it works perfectly fine when I add "vue" as a dependency manually to the UMD block like this:

if(typeof exports === 'object' && typeof module === 'object') module.exports = factory(require("vue")); else if(typeof define === 'function' && define.amd) define(["vue"], factory); else if(typeof exports === 'object') exports["vue-slider-component"] = factory(require("vue")); else root["vue-slider-component"] = factory(root["Vue"]);

[NightCatSama]

@dlueth Thanks for your report, this bug is fixed in v3.1.5.

https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-slider-component.umd.js

[dlueth]

Thanks!

[ShirinShirinak]

This issue still exists

[wizzer129]

Issue exists for me in 3.2.15

[miayang0513]

@wizzer129
I have the same problem in v.3.2.15

[erhanfirat]

Same problem for me also v3.2.15

[tbredin]

Same problem here

[HeatherIris]

Same problem for me also v3.2.15

[squarewave17]

Same here

[harshitanarayan]

I'm running into the same issue in v3.2.15

[ashalmawia]

I get the same problem, which seems to be coming from the fact that vue-slider-component does not
actually support Vue3 🤔 It has dependency on vue-class-component for which the issue to support Vue3 is still open.

Since 3.x is expected to support Vue3... Wonder how it works at all 🤔

└─┬ [email protected]
  └─┬ [email protected]
    └── [email protected]

npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email protected]
npm WARN Found: [email protected]
npm WARN node_modules/vue
npm WARN   vue@"^3.2.37" from the root project
npm WARN   4 more (@vue/server-renderer, vue-property-decorator, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer vue@"^2.0.0" from [email protected]
npm WARN node_modules/vue-property-decorator/node_modules/vue-class-component
npm WARN   vue-class-component@"^7.1.0" from [email protected]
npm WARN   node_modules/vue-property-decorator
npm WARN 
npm WARN Conflicting peer dependency: [email protected]
npm WARN node_modules/vue
npm WARN   peer vue@"^2.0.0" from [email protected]
npm WARN   node_modules/vue-property-decorator/node_modules/vue-class-component
npm WARN     vue-class-component@"^7.1.0" from [email protected]
npm WARN     node_modules/vue-property-decorator

[BVBAccelm]

Also having the same issue while trying to use this with Vue 3.2.4

[NightCatSama]

Also having the same issue while trying to use this with Vue 3.2.4

@BVBAccelm vue3.x should use the vue-slider-component@next version.

https://github.com/NightCatSama/vue-slider-component#-vue3x

[ghost]

Having same problem.

[Ouldev]

Same issue here with nuxt3 3.1.0 and vue-slider-component version 3.2.24

[vorkakashek]

Same with version 3.2.24

[ColtraneNadler]

Same issue. Unusable

[vfa-tanna]

Same with version 3.2.24

[boligolov]

Same with version 3.2.24

[SimeonDominiq]

It worked after following this installation instruction:

npm install vue-slider-component@next --save.

It installed v4.1.0-beta.7. As on the read me, it should be used with caution.

[deepareddy-hub]

vue-slider-component doesnot work for the vue 3 version it is incompatible with vue 3.
try to use this installation : npm install vue3-slider
which will resolve the issue

[kalnode]

@deepareddy-hub So to "resolve the issue" you're suggesting using a different library?

[deepareddy-hub]

@deepareddy-hub So to "resolve the issue" you're suggesting using a different library?

Yes, because vue-slider-component facing compatibility issues for vue 3 version, so alternative library could help resolve the problem in this case.