Laravel mix 和 jQuery 插件问题，$().plugin 不是函数

Question

我使用 Laravel mix 来管理我的 js 文件，这是我的 app.js ：

window.$ = window.jQuery = require('./jquery-1.11.2.min.js');

require('./jquery.easing.1.3.js');
require('./bootstrap.min.js');
require('./SmoothScroll.js');
require('./jquery.scrollTo.min.js');
require('./jquery.localScroll.min.js');
require('./jquery.viewport.mini.js');
require('./jquery.countTo.js');
require('./jquery.appear.js');
require('./jquery.sticky.js');
require('./jquery.parallax-1.1.3.js');
require('./jquery.fitvids.js');
require('./owl.carousel.min.js');
require('./isotope.pkgd.min.js');
require('./imagesloaded.pkgd.min.js');
require('./jquery.magnific-popup.min.js');
require('./gmap3.min.js');
require('./wow.min.js');
require('./masonry.pkgd.min.js');
require('./jquery.simple-text-rotator.min.js');
require('./all.js');

all.js 包含所有逻辑和初始化，所以我的问题是 一些 jQuery 插件不起作用：

未捕获的类型错误：$(...).magnificPopup 不是函数 在 init_lightbox (index.js?id=f95f3419a2325063a526:11289)

当我以传统方式加载我的 js 时 <script ... 以与上述所有工作相同的顺序但当我需要时 他们会抛出错误，请帮助，谢谢

编辑：

文件准备好后初始化函数（在 all.js 中）：

$(document).ready(function(){

        $(window).trigger("resize");            
        init_classic_menu();
        init_fullscreen_menu();
        init_side_panel();
        init_lightbox();
        init_parallax();
        init_shortcodes();
        init_tooltips();
        init_counters();
        init_team();
        initPageSliders();
        init_map();
        init_wow();
        init_masonry();
});

Answer 1

所以解决方案是通过 npm 而不是安装 jQuery

window.$ = window.jQuery = require('./jquery-1.11.2.min.js'); 

做

window.$ = window.jQuery = require('jquery');

问题解决了！

Answer 2

看起来有 a problem 带有 Magnific-Popup

这是因为 Modernizr 在 HTML 元素中添加了 video CSS 类，即 与弹出窗口的选择器相同。

您是否碰巧在您网站上的任何地方使用video 类？也许Magnific-Popup 不小心将您的 HTML 元素作为目标。