vue引入第三方插件提示 xx is not a function或者 xx is not define

Question

在main.js里引入也不行

在.vue文件里引用也不行

请问应该如何引入
jquery是设置好了的

Answer 1

有可能是这个插件不支持，amd，cmd的形式引用。你可以看看插件中的代码。加上类似

if(typeof(module) !== 'undefined'){
    module.exports = window.插件的变量名;
}else if (typeof define === 'function'&& define.amd){
    define([],function () {
        'use strict'
        return window.变量名;
    })
}

包装一下就能用了，前提是jq已经正确安装。

Answer 2

import Zoomify from '../plugins/zoomify/zoomify'

同时保证路径正确

Answer 3

1. 被 import 或者 require 的库必须支持 CommonJS 甚至 ES module，才能使用
2. 比较老的不支持 CommonJS 的库，最好使用 <script> 直接引用

Answer 4

我一般都是import '库'
const 变量名 = window.变量名
下面的代码就可以用 “变量名” 直接调用或者直接用 “window.变量名”调用