以使用西瓜视频(xgplayer)在nuxt.js中的应用为例,展示错误的使用示例和正确的示例。
- 首先在项目中通过npm安装xgplayer。
# 最新稳定版
$ npm install xgplayer
- 错误的代码示例。
- 这时项目运行时会弹出报错提醒
- 去nuxt文档中查看对应报错 window or document undefined?
报错的原因是因为ssr服务端渲染运行在node服务端,而node服务端没有windows对象。
- 根据官方文档给出的提示,修改代码如下:
- 经过如下处理后,第三方插件便可以成功的使用了。