gridsome build fails

Question

gridsome build fails

tobkle opened this issue 5 years ago · comments

Adding vue-product-zoomer to Gridsome works during gridsome develop, but it fails during gridsome build (node v8.11.0/v10.16.0) while server side rendering (SSR) with the error:

Failed to render /examples/product
ReferenceError: window is not defined
    at Object.465 (node_modules/vue-product-zoomer/dist/assets/js/app.bundle.js:1:206)
    at __webpack_require__ (webpack/bootstrap:25:0)
    at Module.523 (assets/js/page--src--pages--examples--product-vue.f579c5f2.js:113:18)
    at __webpack_require__ (webpack/bootstrap:25:0)
    at <anonymous>
gridsome build  34.41s user 2.34s system 149% cpu 24.610 total

Is there a work-around for server rendered pages, that this window is not referenced?
Sounds similiar like the nuxt issue. Don't know to handle it with gridsome.

Raymond Cheng · Answer 1 · Wed Jul 17 2019 00:28:32 GMT+0800 (China Standard Time)

Hi, this problem is cased using SSR mode, will be fixed for next release

Ahsath · Answer 2 · Tue Aug 06 2019 02:38:42 GMT+0800 (China Standard Time)

You are working on the next release?

Raymond Cheng · Answer 3 · Mon Aug 19 2019 22:13:41 GMT+0800 (China Standard Time)

For Nuxt SSR mode it works fine, check the example Nuxt project, this plugin only works for client side project. need to disable SSR: https://nuxtjs.org/guide/plugins