Question

我目前正在尝试将Jquery添加到我的$bytes = Get-Content myFile -Tail 20 -Encoding Byte项目中。我知道它会产生不当行为，但是无论如何；由于不再有-Tail，我尝试通过添加以下内容来编辑vue-cli：

build/webpack.base.conf.js

或

vue.config.js

两个选项似乎都不起作用。＃1似乎什么也没有发生，＃2我得到了编译错误。不允许使用“插件”或无法解析“ ProvidePlugin”，并且当我尝试直接在main.js中导入jQuery并定义$运算符时，当我尝试使用jQuery时，jquery保持未定义状态。

非常感谢您！

Answer 1

通过添加到main.js

解决：

window.$ = window.jQuery = require('jquery');

做到这一点对我来说，jQuery现在全局可用。另一种方法是；

Vue.use({
install: function(Vue, options){
    Vue.prototype.$jQuery = require('jquery'); // you'll have this.$jQuery anywhere in your vue project
}

}）

我希望这将有助于将来有人遇到相同的问题。如果仍然无法解决问题，请检查this question或看看the documentation。

编辑：如Filipe所说，请确保您之前运行过npm install jquery。

Answer 2

＃2您忘记将 configureWebpack 添加到vue.config.js

const webpack = require('webpack')
module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: 'jquery',
        jquery: 'jquery',
        'window.jQuery': 'jquery',
        jQuery: 'jquery'
      })
    ]
  },
}

Answer 3

我通过以下步骤做到了：

首先安装jquery

npm install jquery --save-dev

在任何组件或视图中：

<script>

import jQuery from "jquery";
const $ = jQuery;
window.$ = $;

....
....
....

或以上答案，两者相同：

window.$ = window.jQuery = require("jquery");

现在您可以在页面的任何地方使用，以实现全球可用性，只需遵循上述答案即可。

Answer 4

在 vue.config.js 中添加以下内容

chainWebpack: (config) => {
  config
    .plugin('provide')
    // eslint-disable-next-line global-require
    .use(require('webpack').ProvidePlugin, [{
      'window.Quill': 'quill/dist/quill.js',
      Quill: 'quill/dist/quill.js',
      'window.jQuery': 'jquery/src/jquery.js',
      jQuery: 'jquery/src/jquery.js',
    }]);
},

将Jquery添加到Vue-Cli 3

4 个答案: