Topic: Error Vue Drag and drop file upload

jay2jam pro asked 5 years ago


Hello, i installed DragnDrop file uploader, but i can't build. I get this error message:

ERROR  Failed to compile with 1 errors                                                                                                                                                      

error  in ./node_modules/mdb-file-upload/mdbFileUpload.vue
 Module build failed (from ./node_modules/babel-loader/lib/index.js):
 Error: Couldn't find preset "@vue/app" relative to directory "/Users/stefan/Sites/ge/configurator/node_modules/mdb-file-upload"
at /Users/stefan/Sites/ge/configurator/node_modules/babel-core/lib/transformation/file/options/option-manager.js:293:19
at Array.map (<anonymous>)
at OptionManager.resolvePresets (/Users/stefan/Sites/ge/configurator/node_modules/babel-core/lib/transformation/file/options/option-manager.js:275:20)
at OptionManager.mergePresets (/Users/stefan/Sites/ge/configurator/node_modules/babel-core/lib/transformation/file/options/option-manager.js:264:10)
at OptionManager.mergeOptions (/Users/stefan/Sites/ge/configurator/node_modules/babel-core/lib/transformation/file/options/option-manager.js:249:14)
at OptionManager.init (/Users/stefan/Sites/ge/configurator/node_modules/babel-core/lib/transformation/file/options/option-manager.js:368:12)
at File.initOptions (/Users/stefan/Sites/ge/configurator/node_modules/babel-core/lib/transformation/file/index.js:212:65)
at new File (/Users/stefan/Sites/ge/configurator/node_modules/babel-core/lib/transformation/file/index.js:135:24)
at Pipeline.transform (/Users/stefan/Sites/ge/configurator/node_modules/babel-core/lib/transformation/pipeline.js:46:16)
at transpile (/Users/stefan/Sites/ge/configurator/node_modules/babel-loader/lib/index.js:50:20)
at Object.module.exports (/Users/stefan/Sites/ge/configurator/node_modules/babel-loader/lib/index.js:173:20)

@ ./node_modules/mdb-file-upload/mdbFileUpload.vue 7:0-97 7:0-97 8:0-110 21:2-16
@ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js? 
type=script&index=0!./src/component/Component.vue
@ ./src/component/Component.vue
@ ./src/router/index.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8080 (webpack)/hot/dev-server.js ./src/main.js***

jay2jam pro answered 5 years ago


Hello Mikolaj,

  1. Download
  2. Put tar file into root
  3. Add path to package.json
  4. Run npm install
  5. Run npm start
  6. Add import to Component
  7. Add Object to Component
  8. Add Snippets for HTML and Vue to template

Did the same with WYSIWYG and Table Editor, they are working.

Rgds Stefan


Mikołaj Smoleński staff commented 5 years ago

Is there an option to send me Your zipped project to m.smolenski@mdbootstrap.com? I can check Your config and send You back fixed project.

Best regards


jay2jam pro commented 5 years ago

My colleague will contact you asap, thx for your help!


Mikołaj Smoleński staff commented 5 years ago

Ok, I will answer You via mail. Best regards


jay2jam pro answered 5 years ago


Hello Mikolaj,

yes now it seems to be working, thx for the support and update!

Rgds Stefan


Mikołaj Smoleński staff answered 5 years ago


Hi there,

I've just downloaded the package and build is working ok.

Can You describe each step You made to install the package?

Best regards



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 5.1.1
  • Device: MAC
  • Browser: CHROME
  • OS: Moave
  • Provided sample code: No
  • Provided link: No
Tags