Was tun, wenn Vue eine statische JQuery einführt und Fehler meldet?

Die Lösung für den Fehler, wenn Vue statische JQuery einführt: 1. JQuery-Abhängigkeiten über „npm install jquery --save“ installieren. 2. JQuery in „vue.config.js“ konfigurieren Die Methode „;“ kann verwendet werden, um eine Abfrage in die Seite einzuführen.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JQuery-Version 3.2.1, DELL G3-Computer

Was soll ich tun, wenn ich eine Fehlermeldung erhalte, wenn statische JQuery in Vue eingeführt wird?

Über den Fehler beim Verweisen auf jquery in vue

Wenn jquery im Vue-Projekt verwendet werden muss, wird möglicherweise immer noch eine Fehlermeldung angezeigt:

1 jquery dependency npm install jquery - -save

2. Konfigurieren Sie jquery in 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'
    }])
  }
}

3. Führen Sie

import $ from "jquery";

in die Seite ein. Empfohlenes Lernen: „jQuery-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWas tun, wenn Vue eine statische JQuery einführt und Fehler meldet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!