I'm currently trying to integrate Dropzone-vue into my Quasar project. However, I've encountered an issue as I can't directly install and declare it in a main.js file due to the lack of one in Quasar's structure. Additionally, an error message is appearing:
Could not find a declaration file for module 'dropzone-vue'. 'c:/Users/me/Desktop/my-project/node_modules/dropzone-vue/dist/dropzone-vue.common.js' implicitly has an 'any' type.
Try `npm i --save-dev @types/dropzone-vue` if it exists or add a new declaration (.d.ts) file containing `declare module 'dropzone-vue';`Vetur(7016)
I attempted the recommended command but found that it is not supported. Where should I locate my .d.ts files and how do I properly declare my third-party modules?
Below is the code snippet for my component utilizing Dropzone:
<template>
<q-page padding>
DropZone
<div style="height: 500px; width: 500px; border: 1px solid red; position: relative;">
<drop-zone
:maxFiles="Number(10000000000)"
url="http://localhost:5000/item"
:uploadOnDrop="true"
:multipleUpload="true"
:parallelUpload="3"/>
</div>
</q-page>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import Dropzone from 'dropzone-vue';
export default defineComponent({
components: {
Dropzone,
},
setup() {
return {
};
},
})
</script>