vue引入jquery遇到的問題

1、jquery版本過低,導(dǎo)致不能使用,并且報(bào)異常,異常找了老半天沒找到原因,氣死寶寶了。


jquery版本過低
導(dǎo)致報(bào)異常

2、main.js里面引入的jquery大小寫要和package.json文件里面的一致


名稱保持一致


3、vue項(xiàng)目引入jquery步驟

第一步:為防止沒指定安裝版本,而導(dǎo)致安裝版本低,導(dǎo)致出問題,直接在package.json里面dependencies添加 "jquery" : "^2.2.3",或者其他高版本的jquery,然后npm install一下


第二步:

在build目錄下的webpack.base.conf.js里加入

var webpack = require("webpack")

同樣在該文件的module.exports的最后加入

plugins: [

???? new webpack.optimize.CommonsChunkPlugin('common.js'),

???? new webpack.ProvidePlugin({ jQuery: "jquery", $: "jquery" })

]

第三步: 在main.js 引入

import $ from 'jquery'

注意:如果在引入import $ from 'jquery'之后啟動(dòng)報(bào)如下錯(cuò)誤


no-unused-vars錯(cuò)誤

注釋掉以下代碼


注釋檢驗(yàn)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1 Webpack 1.1 概念簡(jiǎn)介 1.1.1 WebPack是什么 1、一個(gè)打包工具 2、一個(gè)模塊加載工具 3...
    Kevin_Junbaozi閱讀 7,040評(píng)論 0 16
  • GitChat技術(shù)雜談 前言 本文較長(zhǎng),為了節(jié)省你的閱讀時(shí)間,在文前列寫作思路如下: 什么是 webpack,它要...
    蕭玄辭閱讀 12,914評(píng)論 7 110
  • 好久沒有寫日記了。。。今天我專心學(xué)習(xí)webpack,跟著網(wǎng)上的文章請(qǐng)練完這16個(gè)webpack小例子翻譯阮一峰大神...
    還有誰(shuí)叫李狗蛋閱讀 5,185評(píng)論 1 6
  • 真沒想到,這輩子我還能見到鰣魚,而且數(shù)量還不少。當(dāng)我看著眼前這些三姐從老家寄來的,既熟悉又陌生的鰣魚的時(shí)候,久遠(yuǎn)的...
    西瓜甜甜啦閱讀 3,499評(píng)論 39 86
  • 童年,是一顆閃閃爍爍的星星,天真地眨著眼睛,童年,是一方油綠的草地,慢慢地在成長(zhǎng),童年,是我們的黃金時(shí)期,因?yàn)?,?..
    撿起回憶閱讀 456評(píng)論 1 0

友情鏈接更多精彩內(nèi)容