× TypeError: window.plupload.Uploader is not a constructor

[Ajaypp242]

TypeError: window.plupload.Uploader is not a constructor Plupload.initUploader node_modules/react-plupload/lib/Plupload.js:299 296 | }, { 297 | key: 'initUploader', 298 | value: function initUploader() {

299 | this.uploader = new window.plupload.Uploader(lodash2.default.extend({ | ^ 300 | container: 'plupload' + this.props.id, 301 | runtimes: 'html5', 302 | multipart: true, View compiled Plupload.runUploader node_modules/react-plupload/lib/Plupload.js:163 160 | key: 'runUploader', 161 | value: function runUploader() { 162 | var self = this; 163 | this.initUploader(); | ^ 164 | this.uploader.init(); 165 | EVENTS.forEach(function (event) { 166 | var handler = self.props['on' + event]; View compiled Plupload.componentDidMount node_modules/react-plupload/lib/Plupload.js:267 264 | var self = this; 265 | 266 | if (this.checkUploader()) { 267 | this.runUploader(); | ^ 268 | } else { 269 | setTimeout(function () { 270 | if (self.checkUploader()) {

[ankitrox]

Add the plupload.js script on page where you are using this component.

[duqingnian]

I have added import Plupload from '../Components/upload/Plupload' and I get this error: Plupload.js:148 Uncaught TypeError: window.plupload.Uploader is not a constructor at Plupload.initUploader (Plupload.js:148) at Plupload.runUploader (Plupload.js:37) at Plupload.componentDidMount (Plupload.js:120) at commitLifeCycles (plupload.full.min.js:29) at commitLayoutEffects (react-dom.development.js:303) at HTMLUnknownElement.callCallback (lodash.js:7012) at Object.invokeGuardedCallbackDev (lodash.js:7062) at invokeGuardedCallback (lodash.js:7120) at commitRootImpl (react-dom.development.js:36) at unstable_runWithPriority (react-dom.development.js:11685) at runWithPriority$1 (lodash.js:14168) at commitRoot (webpackHotDevClient.js:164) at performSyncWorkOnRoot (pubsub.js:229) at lodash.js:14219 at unstable_runWithPriority (react-dom.development.js:11685) at runWithPriority$1 (lodash.js:14168) at flushSyncCallbackQueueImpl (lodash.js:14214) at flushSyncCallbackQueue (lodash.js:14203) at flushPassiveEffectsImpl (react-dom.development.js:491) at unstable_runWithPriority (react-dom.development.js:11685) at runWithPriority$1 (lodash.js:14168) at flushPassiveEffects (react-dom.development.js:322) at react-dom.development.js:204 at workLoop (react-dom.development.js:11635) at flushWork (react-dom.development.js:11607) at MessagePort.performWorkUntilDeadline (react-dom.development.js:11369)