pqina / vue-filepond

🔌 A handy FilePond adapter component for Vue
https://pqina.nl/filepond
MIT License
1.92k stars 128 forks source link

this.$el.querySelector is not a function #205

Closed claranceliberi closed 3 years ago

claranceliberi commented 3 years ago

I have these codes

          <no-ssr>
            <file-pond />
          </no-ssr>
// Create component
const FilePond = vueFilePond(FilePondPluginFileValidateType, FilePondPluginImagePreview)

export default defineComponent({
  components: {
    FilePond
  },
  setup() {
...

and then I have this error

TypeError: this.$el.querySelector is not a function
    at VueComponent.mounted (vue-filepond.js?1501:123)
    at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1863)
    at callHook (vue.runtime.esm.js?2b0e:4235)
    at Object.insert (vue.runtime.esm.js?2b0e:3158)
    at invokeInsertHook (vue.runtime.esm.js?2b0e:6390)
    at VueComponent.patch [as __patch__] (vue.runtime.esm.js?2b0e:6609)
    at VueComponent.Vue._update (vue.runtime.esm.js?2b0e:3963)
    at VueComponent.updateComponent (vue.runtime.esm.js?2b0e:4075)
    at Watcher.get (vue.runtime.esm.js?2b0e:4495)
    at Watcher.run (vue.runtime.esm.js?2b0e:4570)
    at flushSchedulerQueue (vue.runtime.esm.js?2b0e:4326)
    at Array.eval (vue.runtime.esm.js?2b0e:1989)
    at flushCallbacks (vue.runtime.esm.js?2b0e:1915)
rikschennink commented 3 years ago

We require the issue template to be filled out on all new issues. The issue template helps us collect all the information we need to address your submission efficiently.

If your issue can be classified as an integration question or a question about specific features of FilePond we ask you kindly to submit it on Stack Overflow.

We will be able to more closely look at your issue once the issue template has been filled out. The issue will be closed until the above is addressed.

Please leave a comment after you've updated the issue.