美文网首页
vue项目中全局引入jQuery

vue项目中全局引入jQuery

作者: 三千不易留 | 来源:发表于2020-11-12 18:51 被阅读0次

以下是vue-cli3实现的例子:

vue.config.js

module.exports = {
configureWebpack: config => {
    config.module.rules.push({
      test: require.resolve('jquery'),
      use: [{
        loader: 'expose-loader',
        options: '$'
      }]
    })
  }
}

如果启动项目报错:ValidationError: Invalid options object. Expose Loader has been initialized using an options object that does not match the API schema

更改下expose-loader版本,重新启动。笔者在expose-loader版本为1.0.1时报这个错误,将版本修改为0.7.5后,项目正常启动。

相关文章

  • vue项目中全局引入jQuery

    以下是vue-cli3实现的例子: vue.config.js 如果启动项目报错:ValidationError:...

  • vue中引入jQuery和bootstrap

    一、引入jQuery: 在当前的Vue项目中运行,运行命令npm install jquery –save-dev...

  • Vue中引入JQuery和Bootstrap方法

    一、Vue中引入JQuery 1、因为已经安装了vue-cli脚手架,所以需要在webpack中全局引入jquer...

  • 使用JQuery组件

    在vue中使用jquery相关组件,需要先在项目中引入jquery 配置项目 在项目中就可以使用$('#')或jQ...

  • vue-cli引入jquery

    在vue项目中引入jquery步骤: 1.安装jquery 2.在webpack.base.conf.js配置 3...

  • webpack模块化全局变量的方法

    场景是这样的,项目中已经index.html全局引入jquery。但是通过npm install fullcale...

  • Vue中使用jquery

    在vue项目中,需要实现某些特定的功能时,使用mvvm模式不易实现。因此引入jquery包来完成需求 jquery...

  • vue解决vant组件样式失效问题

    vue项目中引入vant组件,若发现vant组件样式失效,通常有以下几种解决方法: 方法一:引入全局样式  在引入...

  • VUE项目引入jquery

    1、因为已经安装了vue脚手架,所以需要在webpack中全局引入jquery 打开package.json文件,...

  • Vue项目搭建

    一、环境搭建 二、引入依赖包 在vue中引入外部less文件vue 使用less全局变量 三、启动项目 四、配置项...

网友评论

      本文标题:vue项目中全局引入jQuery

      本文链接:https://www.haomeiwen.com/subject/vtgpbktx.html