189 8069 5689

vue引入静态jquery报错如何解决

这篇文章主要介绍“vue引入静态jquery报错如何解决”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“vue引入静态jquery报错如何解决”文章能帮助大家解决问题。

成都创新互联专注为客户提供全方位的互联网综合服务,包含不限于网站建设、网站设计、东海网络推广、成都小程序开发、东海网络营销、东海企业策划、东海品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联为所有大学生创业者提供东海建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com

vue引入静态jquery报错的解决办法:1、通过“npm install jquery --save”安装jquery依赖;2、在“vue.config.js”中配置jquery;3、通过“import $ from "jquery";”方式在页面中引入jquery即可。

关于vue中引用jquery报错

vue项目中需要使用jquery时,我们可能安装了jquery还是会提示报错,如何解决呢,如下所示:

1.安装jquery依赖 npm install jquery --save

2.在vue.config.js中配置jquery

const webpack = require('webpack')
module.exports = {
  chainWebpack: config => {
    config.plugin('provide').use(webpack.ProvidePlugin, [{
        $: 'jquery',
        jquery: 'jquery',
        jQuery: 'jquery',
        'window.jQuery': 'jquery'
    }])
  }
}

3.在页面中引入

import $ from "jquery";

关于“vue引入静态jquery报错如何解决”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


网站名称:vue引入静态jquery报错如何解决
链接URL:http://cdxtjz.com/article/ihdhhe.html

其他资讯