Repository navigation
Sortable is not a constructor #3
Description
I keep getting Sortable is not a constructor when using it with Webpack in Laravel.
import Sortable from 'sortablejs';
import 'jquery-sortablejs';
window.Sortable = Sortable;
window.$ = window.jQuery = require('jquery');It works fine when I use CDN. What could be causing this?
Activity
owen-m1 commentedon Oct 9, 2019
@treyan94 Are you importing it in a NodeJS context?
And why do you have
window.Sortable = Sortable? Sortable adds itself to the window when you import it.dammainikilraj commentedon Oct 15, 2019
facing the same error from long back. could any one help me out on this.
Added screen shot for your reference.
Thanks in advance!
Padam87 commentedon Oct 16, 2019
This issue happens with the newer versions of sortablejs.
Downgraded to 1.9, all fine.
mariovalney commentedon Feb 26, 2020
Downgrade is (often) not the best solution.
To 1.10+ try:
dartanian300 commentedon Jul 29, 2021
I'm having the same issue but @mariovalney's answer isn't working. Still getting the
Sortable is not a constructorerror. Any thoughts?jquery sortable: v1.0.1
sortablejs: v1.14.0
barbuslex commentedon Dec 3, 2021
I have the same issue... Anyone have the solution ?
daocatt commentedon Jan 7, 2022
try Sortable.Sortable.
console.log(Sortable) you will see three module.
raysuelzer commentedon Sep 5, 2024
Is there any way to use a CDN version of sortableJS. I have a simple app and dont' really want to go through setting up an entire build process...
maatcode commentedon Feb 2, 2025
in your webpack.config.js:
and in your .ts file: