前言
开发 Nuxt 服务端渲染(SSR)项目并引入第三方库或自定义方法时,很大可能会收到 document / window is not defined
这俩东西未定义报错,第一次开发的朋友肯定满脸问号。
原因很简单,您引入的第三方库内源码用到了 window / document
,当 Nuxt 在服务端(Node.js)编译渲染时,node 环境 本身并没有 window / document
对象,所以就报错了。
这种问题分两种情况:
- 引入第三方库或插件,源代码中使用了
window / document
。 - 引入自己定义的函数或方法,代码中使用了
window / document
。
以下分别给出详细的解决方案。
一、引入第三方库或插件这种情况解决方案比较简单,按照