vue が静的 jquery を導入し、エラーを報告する場合の対処方法

Vue では、静的 jquery エラー レポート ソリューションが導入されています: 1. "npm install jquery --save" を通じて jquery の依存関係をインストールします; 2. "vue.config.js" で jquery を設定します; 3. "import $ を通じて「from "jquery";」を使用して jquery をページに挿入します。

このチュートリアルの動作環境: Windows 10 システム、jquery バージョン 3.2.1、DELL G3 コンピューター

#内容vue が静的 jquery を導入し、エラーを報告する場合はどうすればよいですか?

vue で jquery を参照するときのエラーについて

vue プロジェクトで jquery を使用する必要がある場合、jquery をインストールしてもエラーが発生することがあります。解決方法は次のとおりです:

1. jquery の依存関係をインストールします npm install jquery --save

2. 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'
    }])
  }
}

## で jquery を設定します#3. ページに導入します

import $ from "jquery";

推奨学習: 「

jQuery ビデオ チュートリアル 」

以上がvue が静的 jquery を導入し、エラーを報告する場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。