vue引入靜態jquery報錯怎么辦

vue引入靜態jquery報錯的解決辦法：1、通過“npm install jquery –save”安裝jquery依賴；2、在“vue.config.js”中配置jquery；3、通過“import $ from "jquery";”方式在頁面中引入jquery即可。

本教程操作環境：Windows10系統、jquery3.2.1版、DELL G3電腦

vue引入靜態jquery報錯怎么辦？

關于vue中引用jquery報錯

vue項目中需要使用jquery時，我們可能安裝了jquery還是會提示報錯，如何解決呢，如下所示：

1.安裝jquery依賴 npm install jquery –save

2.在vue.config.js中配置jquery

const webpack = require('webpack') module.exports = {   chainWebpack: config => {     config.plugin('provide').use(webpack.ProvidePlugin, [{         $: 'jquery',         jquery: 'jquery',         jQuery: 'jquery',         'window.jQuery': 'jquery'     }])   } }

3.在頁面中引入

import $ from "jquery";

推薦學習：《jQuery視頻教程》