Webpack / jquery.ns-autogrow Uncaught TypeError: Невозможно прочитать свойство 'fn' из неопределенного

Question

Hy там

Я новичок в Webpack или JS-бундель в целом. Так что этот вопрос может показаться глупым. Если так, прости..

Я использую веб-пакет для объединения всех файлов JS. Пока у меня есть это им main.js:

var jQuery  = require('jquery');
var autogrow = require('jquery.ns-autogrow');

(function($){

    $(function(){
        $('textarea').autogrow();
    });

})(jQuery);

Но теперь я получаю Uncaught TypeError: Cannot read property 'fn' of undefined прямо в начале плагина / модуля ns-autogrow.

(function($, window) {
    return $.fn.autogrow = function(options) { ...

Есть что-то, что я сделал неправильно, требуя зависимости?

Answer 1

Вы должны включить зависимость jquery в глобальную область вашего приложения, чтобы использовать ее следующим образом:

(function($){

    $(function(){
        $('textarea').autogrow();
    });

})(jQuery);

Чтобы сделать это, вы должны использовать что-то вроде:

externals: {
    // require("jquery") is external and available
    //  on the global var jQuery
    "jquery": "jQuery"
}

Вы можете увидеть более подробную информацию по этому адресу

Я надеюсь, что это может помочь