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