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影片教學》

以上是vue引入靜態jquery報錯怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！