首页 > 解决方案 > 如何为 gulp 构建 js 文件修复($ 不是函数)?

问题描述

我收到一个错误:Uncaught TypeError: $ is not a function at app.min.js?ver=5.6.2:1 我知道这个问题有很多答案。但在我的情况下不是。为了开发主题,我正在使用 gulp。所以 app.min.js 文件在开发过程中是不断变化的,不能随便添加:

jQuery(document).ready(function($) {

});

如果我们谈论的是一个已完成的项目,它总是对我有帮助。但不是在这个时候。这是我负责创建的 gulp 文件的一部分:app.min.js

function scripts() {
 return src([ 
    '../themes/themename/js/vendor/ajax-mail.js',
    '../themes/themename/js/vendor/bootstrap.min.js',
    '../themes/themename/js/vendor/imagesloaded.pkgd.min.js',
    '../themes/themename/js/vendor/isotope.pkgd.min.js',
    '../themes/themename/js/vendor/jquery.counterup.min.js',
    '../themes/themename/js/vendor/jquery.magnific-popup.min.js',
    '../themes/themename/js/vendor/owl.carousel.min.js',
    '../themes/themename/js/vendor/plugins.js',
    '../themes/themename/js/vendor/popper.js',
    '../themes/themename/js/vendor/waypoints.min.js',
    '../themes/themename/js/app.js',
    ])
      .pipe(concat('app.min.js'))
      .pipe(uglify())
      .pipe(dest('../themes/themename/js'))
      .pipe(browserSync.stream())
   }

也许有一些方法可以自动将 app.min.js 的所有内容框在

 jQuery(document).ready(function($) {

 });

我找不到解决方案,我会很高兴得到帮助。谢谢!

标签: wordpressgulp

解决方案


推荐阅读