如题,在各大博客搜索了N多文章,大多是说创建vue.config.js,例如添加以下内容

const webpack = require('webpack')

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

然后在main.js添加

import $ from 'jquery'

createApp(App).use($);

然鹅根本不起作用好吧!!!!!

这种方法好像并没有在全局引入,我本地的确已经有了jquery依赖包的,因为在某个具体的页面引入,例如demo.vue是可以使用的,不过这样的话就要每个页面都写一遍import $ from ‘jquery’,烦死了吧

import $ from 'jquery'

配图
在这里插入图片描述

  • 解决办法

虽然不知道为什么报错,不过还是在别人那里找到了解决办法,很简单,只需要在

  1. package.json里找到eslintConfig.env配置项添加 “jquery”: true
"jquery": true
  1. package.json里找到dependencies配置项添加 “jquery”: “^3.6.0”,
"jquery": "^3.6.0"

下图是修改后的
在这里插入图片描述

在这里插入图片描述
只需要这样就可以全局使用啦,也不需要在main.js或者vue.config.js里边鼓捣什么

Logo

前往低代码交流专区

更多推荐