webpack引入jquery，报错`$(...).click(...) is not a function`

问题描述

问 题

想使用webpack引入jquery，结果报错：
webpack.config.js中这样配置jquery

plugins:[
        new webpack.ProvidePlugin({
            $:"jquery",
            jQuery:"jquery",
            "window.jQuery":"jquery"
        })
    ]

在使用时这样使用：

    // import $ from 'jquery'
    var $ = require('jquery');
    
    $("#xxx").click(function(){
        console.log("click")
    })

结果报错$(...).click(...) is not a function

按照下面打印一下，结果如截图

console.log($("#xxx").length)
console.log($("#xxx"))

$("#xxx").click(function(){
    console.log("click")
})

解决方案

找到答案，应该把代码写在$(function(){})里面

这篇关于webpack引入jquery，报错`$(...).click(...) is not a function`的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！