Nuxt - 引入第三方插件或自定义函数方法(document / window is not defined )报错未定义解决方案

前言

开发 Nuxt 服务端渲染(SSR)项目并引入第三方库或自定义方法时,很大可能会收到 document / window is not defined 这俩东西未定义报错,第一次开发的朋友肯定满脸问号。


原因很简单,您引入的第三方库内源码用到了 window / document,当 Nuxt 在服务端(Node.js)编译渲染时,node 环境 本身并没有 window / document 对象,所以就报错了。

这种问题分两种情况:

  1. 引入第三方库或插件,源代码中使用了 window / document
  2. 引入自己定义的函数或方法,代码中使用了 window / document

一、引入第三方库或插件

这种情况解决方案比较简单,按照 官方文档 给出的方案修改即可。

打开 nuxt.config.js 配置文件,将您的第三方库或插件配置一下 ssr 属性为 true 即可。

plugins:

猜你喜欢

转载自blog.csdn.net/weixin_44198965/article/details/125653872