nuxt.js 引入外部资源不生效，$(...).XXX is

vue-cli3项目迁移到 nuxt，在cli下的jq插件直接引入就可以用，在nuxt中试过多种办法
出现错误：
1、jQuery requires a window with a document

image.png

这个错误是没有直接引入jq，对于jq进行了一次封装，然后就出现了这个错误。二次封装对于解决 引入jq插件方法 undefind 没有任何帮助。
具体封装代码

image.png
然后在nuxt.config.js引入的方式

2、Window 或 Document 对象未定义

if (process.client) {
  require('external_library')
}

官网上就直接说了
输出的代码直接写在这个if里边就ok

3、$(...).XXX is not a function

在代码里

image.png

应用发生错误异常   
$(...).XXX is not a function

重点是引入第三方插件的js在components文件夹下是无效的，只有放在pages文件夹下引入才是有效的
重点是引入第三方插件的js在components文件夹下是无效的，只有放在pages文件夹下引入才是有效的
重点是引入第三方插件的js在components文件夹下是无效的，只有放在pages文件夹下引入才是有效的