react-fine-uploader icon indicating copy to clipboard operation
react-fine-uploader copied to clipboard

Nextjs issue

Open itranga opened this issue 7 years ago • 0 comments

I try to used it in nextjs project .

Issue

✔ success server compiled in 1s 805ms Uncaught Exception: ReferenceError: window is not defined at Object. (/home/ranga/code/book/book/node_modules/fine-uploader/fine-uploader/fine-uploader.core.js:5774:4) at Module._compile (module.js:653:30) at Object.Module._extensions..js (module.js:664:10) at Module.load (module.js:566:32) at tryModuleLoad (module.js:506:12) at Function.Module._load (module.js:498:3) at Module.require (module.js:597:17) at require (internal/module.js:11:18) at Object. (/home/ranga/code/book/book/node_modules/fine-uploader/lib/core/index.js:3:18) at Module._compile (module.js:653:30) at Object.Module._extensions..js (module.js:664:10) at Module.load (module.js:566:32) at tryModuleLoad (module.js:506:12) at Function.Module._load (module.js:498:3) at Module.require (module.js:597:17) at require (internal/module.js:11:18)

My code

#/// Uploading.js const { Promise } = global

export const asyncLoad = () => { return new Promise(resolve => { require.ensure([], () => { resolve({ FineUploaderTraditional: require('react-fine-uploader').default, Gallery: require('react-fine-uploader/components/gallery').default }) }) }) }

#/// Fine-Uploader.js import React from 'react' import { asyncLoad } from './Uploading' // Lazy Loaded Image Loader

export default React.createClass ({ getInitialState: function() { return {} }, componentWillMount: function () { asyncLoad().then(({ FineUploaderTraditional, Gallery }) => { const uploader = new FineUploaderTraditional({ options: { autoUpload: true, chunking: { enabled: true }, request: { endpoint: '/api/v0/upload' }, deleteFile: { enabled: true, endpoint: '/api/v0/upload' }, callbacks: { onComplete: (id, name, response) => { console.log(id, name, response) } } } }) this.setState({ uploader, Gallery }) }) }, render: function () { const { Gallery, uploader } = this.state return (

{!('Gallery' in this.state) &&
Loading Image Loader
} {'Gallery' in this.state && <Gallery uploader={uploader} />}
) } })

itranga avatar Nov 09 '18 22:11 itranga