Vue Cli 引入jquery外部套件問題 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0

Vue Cli 引入jquery外部套件問題

vue.js vue-cli3

Mikey 2021-06-17 10:27:22 ‧ 1152 瀏覽

分享至

不好意思,之前有問過一次這個類似的問題,
在我學會應用後我決定使用vue cli來開發
但是發現還是會出錯上網找了很久方法還是無法解決
以jquery datepicker為例子
1.在html頁面插入引用套件

2.已經有npm install --save jquery了新增一隻名為 vue.config.js

3.HelloWorld.Vue 使用方式

4.網頁錯誤訊息

看更多先前的討論...收起先前的討論...

Todd iT邦新手 1 級 ‧ 2021-06-17 12:58:35 檢舉

為什麼不是直接用 npm 安裝的 jquery 跟 jquery-ui 就好?
而還要再從cdn引用？

但還是不建議 vue跟jquery混用

japhenchen iT邦超人 1 級 ‧ 2021-06-17 14:10:14 檢舉

Vue不也有很方便的Selector可用嗎？何以要混用JQ ?

DanSnow iT邦好手 1 級 ‧ 2021-06-17 14:11:18 檢舉

你這樣網頁裡會有兩份 jQuery ，一個是 npm 安裝的，一個是用 script 載入進來的， jquery UI 看到的是 script 載入進來的那份，而你實際用的是 npm 安裝的，兩個會變成不同的東西，你要就都用 script ，不然就都用 npm ，不要混用

DanSnow iT邦好手 1 級 ‧ 2021-06-17 14:12:42 檢舉

然後不要在 Vue 的 mounted 裡還用 jQuery 的 onready ，多此一舉， mounted 時就已經保證網頁是載入的狀態了

Mikey iT邦新手 5 級 ‧ 2021-06-17 15:00:27 檢舉

To japhenchen:
因為有些套件要使用所以才考慮使用套件。

Mikey iT邦新手 5 級 ‧ 2021-06-17 15:01:16 檢舉

To DanSnow:
但是如果不安裝jqeury 的話我在我的HelloWorld.vue裡輸入$ 他會顯示 $未宣告。

DanSnow iT邦好手 1 級 ‧ 2021-06-17 23:32:14 檢舉

你說的未宣告是因為 eslint 吧，它又不知道你在 script 有載入，你去找找 eslint 要怎麼把它設定成全域變數

登入發表討論

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22195 篇

完賽人數

600 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙