Nuxt 插件 window 或 document is not defined

nuxt中致使document is not defined官方的解释是：一些只兼容客户端的脚本被打包进了服务端的执行脚本中去,而且给出了解决方案经过使用 process.client 变量来判断导入，即:

if (process.client) {

require('external_library')

}

若是你是使用npm引入的第三方插件的话，那这个方法就十分不实用，既然由于只兼容客户端的脚本被打包进了服务端那么咱们彻底能够使用使用只在客户端使用的插件的引入方法去引入这个插件，即：

• 在plugins中引入须要的组件，并注册

import Vue from 'vue'
import MyPlugins from 'my-plugins'
Vue.component('MyPlugins', MyPlugins)
复制代码

• 而后在nuxt.config.js中添加

module.exports = {
  plugins: [
    { src: '~/plugins/my-plugins', ssr: false }
  ]
}
复制代码

至此，插件就能够愉快的使用了!