ssr中引用第三方插件时window is not defined的解决办法

5,341 阅读1分钟
以使用西瓜视频(xgplayer)在nuxt.js中的应用为例,展示错误的使用示例和正确的示例。


  • 首先在项目中通过npm安装xgplayer。

# 最新稳定版
$ npm install xgplayer

  • 错误的代码示例。


  • 这时项目运行时会弹出报错提醒


报错的原因是因为ssr服务端渲染运行在node服务端,而node服务端没有windows对象。

  • 根据官方文档给出的提示,修改代码如下:


  • 经过如下处理后,第三方插件便可以成功的使用了。