Error Vue Drag and drop file upload

  1. MDB Home Page
  2. Support Main Page
  3. MDB Vue
Topic: Error Vue Drag and drop file upload

jay2jam pro asked 6 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 6 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 6 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 6 years ago

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

Mikołaj Smoleński staff commented 6 years ago

Ok, I will answer You via mail. Best regards

Mikołaj Smoleński staff answered 6 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

jay2jam pro answered 6 years ago

Hello Mikolaj,

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

Rgds Stefan

Write
Create snippet
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
  • User: 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
About author
jay2jam
Pro User
292Support score
20Questions 20Answers
0Snippets likes 0Snippets