wordpress - 如何为 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($) {
});
我找不到解决方案,我会很高兴得到帮助。谢谢!
解决方案
推荐阅读
- data-binding - Telerik PersistenceFramework:RadGridView PersistenceManager.StorageId
- c# - 手动触发 SpeechRecognizedEvent
- regex - 301重定向到新域而不更改URL?
- azure - 使用 Azure 进行 Terraform
- amazon-web-services - 使用 COPY 功能自动将数据加载到 Redshift
- hyperledger-fabric - Hyperledger Fabric 1.4:使用 Internet 连接实例化链码(节点)时出错
- java - Kafka Streaming 中的 Thrift 序列化和反序列化
- movesense - Movesense 校准
- c# - 在 Visual Studio 中调试时,“非公共成员”具体是什么?
- c# - 注销后回调客户端应用程序 - 身份服务器 4