【VUE】vue图形化,导入jquery提示$不存在,编译报错

图片说明

图片说明
图片说明

我只想引入bootstrap用用

看提示是$这个变量声明了但是没有去使用造成报错,按道理不应该编译都不通过的,你这个项目好像是用babel编译的,看看能不能在babel配置项里面配置一下,或者你声明$这个变量随便写个代码使用它就该就可以了

请把引入jquery.js的那段,放在你想要执行js语句之后试一下

https://blog.csdn.net/liuxing393724034/article/details/80657498

直接import 'jquery'这样引入就可以使用了

你先看看package.json 文件内的 "dependencies"中是否有 "jquery",有的话就是安装成功了,然后你再自己手动创建一个vue.config.js文件

const webpack = require('webpack');
const path = require('path');
// vue.config.js
module.exports = {
  // 选项...
  devServer: {
    port: 8089,
  },
  configureWebpack: {//引入jquery
    plugins: [
      new webpack.ProvidePlugin({
        $:"jquery",
        jQuery:"jquery",
        "windows.jQuery":"jquery"
      })
    ]
  },

}