未捕获的ReferenceError：在Laravel的app.js中未定义$

Question

我正在尝试使用此程序包在laravel中使用app.js中的javascript，这是我的代码，

import "../../../node_modules/jquery/dist/jquery.min.js";
import "../../../node_modules/parallax-imagescroll/jquery.imageScroll.js";

require('jquery');

$.fn.imageScroll.defaults.coverRatio = 0.5;
$('.img-holder').imageScroll();

/* --------------------------------------------------------------- */
$(function () {
    $('#scroll').on('click', function (e) {
        e.preventDefault();
        $('html, body').animate({
                scrollTop: $($(this).attr('href')).offset().top
            },
            500,
            'linear'
        );
    });
});

但是当我使用chrome运行它并看到开发工具时，

我收到此错误

Uncaught ReferenceError: $ is not defined
    at Object.<anonymous> (app.js:89)
    at __webpack_require__ (app.js:20)
    at Object.defineProperty.value (app.js:70)
    at __webpack_require__ (app.js:20)
    at app.js:63
    at app.js:66

我对此一无所知。我做对了吗？