nuxt.js 引入外部资源不生效，$(...).XXX is
2020-08-08 本文已影响0人
多点干货少点废话
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文件夹下引入才是有效的
