Level 102
Show the code please
Sep 13, 2022
8
Level 2
Vue Filepond setOptions error
Module '"vue-filepond"' has no exported member 'setOptions'. Did you mean to use 'import setOptions from "vue-filepond"' instead Got this error when using filepond setOptions method. any idea about this?
my code
import vueFilePond, { setOptions } from "vue-filepond"; import "filepond/dist/filepond.min.css";
setOptions({ server: { process: { url: ApiService.siteUrl+'parcel/upload-documents', method: 'POST' } } }); const FilePond = vueFilePond();
Level 2
@Sinnbeck I updated the question. Anyway, this is a big file of a Vue component. can not insert whole code
Level 102
@thushara This is is just
import vueFilePond from "vue-filepond";
vueFilePond.setOptions({ server: { process: { url: ApiService.siteUrl+'parcel/upload-documents', method: 'POST' } } });
Level 2
@Sinnbeck Thank you, And I think I should create an instance first and call setOptions on it.
const FilePond = vueFilePond(); FilePond.setOptions({ server: { process: { url: ApiService.siteUrl+'parcel/upload-documents', method: 'POST' } } }); Otherwise got another error saying, Property 'setOptions' does not exist on type '(...plugins: any[]) => ComponentOptions<any, VueFilePondInstanceMethods, any, VueFilepondProps, any, any, any, any>'
Level 102
@thushara That might be the case. I just looked at the example here: https://pqina.nl/filepond/docs/api/exports/#setoptions
Level 2
@Sinnbeck This is not still fixed. I noticed that the error appears when I run an npm watch. but the app is working when I used it like this. import vueFilePond, { setOptions } from 'vue-filepond';
Level 1
@thushara Its too late but I think this might be helpful for you. After spending hours on google, found this on stackoverflow https://stackoverflow.com/a/63301997/13287251 You can bind server options using attribute v-bind:server="youConfigs"
Level 3
Here's a solution that works for me: https://github.com/pqina/vue-filepond/issues/57#issuecomment-433428437
Please or to participate in this conversation.