You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
TypeError: Cannot read property 'tagName' of null at new IvyPinch (PinchZoom.umd.js:3962) at VueComponent.PinchZoom.init (PinchZoom.umd.js:4527) at VueComponent.PinchZoom.mounted (PinchZoom.umd.js:4477)
and TypeError: Cannot read property 'destroy' of undefined
I am also getting the errors: TypeError: Cannot read property 'tagName' of null at new IvyPinch (PinchZoom.umd.js:3962) at VueComponent.PinchZoom.init (PinchZoom.umd.js:4527) at VueComponent.PinchZoom.mounted (PinchZoom.umd.js:4477)
and TypeError: Cannot read property 'destroy' of undefined
The issue is that document is not available when server-side rendering.
Create a plugin file with this name and content:
plugins/client-only.pinch-zoom.js
:Then add this to your plugins in
nuxt.config.js
:This will then globally register your component on the client-side only, and you will not get the error of " document is not defined" on build.
Hopefully this helps someone
The text was updated successfully, but these errors were encountered: