SSR mode not works in NuxtJS (mode: 'universal') about vuetify-form-base HOT 8 OPEN

I personally have no experience with NUXT JS. I will try to check it and if necessary update the code.
If anyone has experience with NUXT JS Help would be appreciated.

Thanks for your contribution and suggestion

from vuetify-form-base.

@pooyagolchian thanks for this. Btw, I don't know if it is just because I'm using typescript but I had to import like this
import VuetifyFormBaseSsr from 'vuetify-form-base-ssr/src/vuetify-form-base-ssr.vue'
not this
import VuetifyFormBaseSsr from 'vuetify-form-base-ssr'

from vuetify-form-base.

I found: module not works in SSR because this string in flattenObjects (dat, sch):

// const notInstanceOfFileObject = !(dat[key] instanceof File)

    const notInstanceOfFileObject = true //!(dat[key] instanceof File)

i will look more about reasons later

from vuetify-form-base.

FIX THE PROBLEM on NuxtJS SSR:
change code to

 if ( !process.server) {
      const notInstanceOfFileObject = !(dat[key] instanceof File)
 }

or

 if (process.client) {
      const notInstanceOfFileObject = !(dat[key] instanceof File)
 }

pls check on other enviroments and update code

from vuetify-form-base.

I personally have no experience with NUXT JS. I will try to check it and if necessary update the code.

It's possible to get same error in vuejs SSR mode packge, as in
https://github.com/vuejs/vue/tree/dev/packages/vue-server-renderer

from vuetify-form-base.

any news?

from vuetify-form-base.

For Nuxt.js, I test for SSR and solved this issue:
You should use the 'v-mask' package and import the main component file in the vuetify-form-base package.

You should export this package in a plugin like as below: Vue.component('VueMask', () => import('v-mask'))

after that add the main file component to your project:

https://github.com/wotamann/vuetify-form-base/blob/master/dist/src/vFormBase.vue

Alternative solution:

You can use the https://www.npmjs.com/package/vuetify-form-base-ssr package.

from vuetify-form-base.

@epiphanatic Thanks for your reply and use this package. I will fix it in my documentation.

from vuetify-form-base.