jQuery 插件给出“jQuery 未定义”

Question

我正在尝试构建自己的 jQuery 插件。 Ik 如下所示：

(function ( $ ) {

    $.fn.greenify = function() {
        this.css( "color", "green" );
        return this;
    };

}(jQuery));

但是，当尝试运行此插件时，错误：

jQuery is not defined

我的 app.js 如下所示：

import $ from 'jquery';
global.$ = global.jQuery = $;
import './greenify';

有人可以帮忙解释为什么会这样吗？

编辑

问题是它找不到 jQuery。 Wat 解决了这个问题，而不是

}(jQuery));

输入

}(global.jQuery));

而不是 import './greenify'; 做：

require('./greenify');

Answer 1

发生这种情况是因为您正在导入 $ 变量尝试更改为

(function ( $ ) {

    $.fn.greenify = function() {
        this.css( "color", "green" );
        return this;
    };

}($));