Vue3+Vite+TS使用elementPlus時(shí)踩的坑及解決
前言
在學(xué)習(xí)Vue3時(shí)，想使用elementPlus來繪制頁面，但是根據(jù)教程導(dǎo)入的時(shí)候就報(bào)了一堆錯(cuò)，記錄一下，后面幾天換新電腦了估計(jì)還得走一遍。
報(bào)錯(cuò)過程
環(huán)境
node v16.14.2 pnpm 8.0.0
操作
根據(jù)elementplus官網(wǎng)快速啟動(dòng)，無論是全局引用，還是自動(dòng)導(dǎo)入，都報(bào)錯(cuò)
在安裝依賴過程中，也發(fā)出警告
解決方法
1.Could not resolve “@vue/shared”
這個(gè)錯(cuò)誤通常是由于缺少依賴項(xiàng)或版本不兼容導(dǎo)致的。
通過安裝最新的vue/shared來解決（但是當(dāng)時(shí)npm卸載報(bào)錯(cuò)，然后使用pnpm卸載找不到vue/shared了，很疑惑，但是用pnpm安裝最新版的時(shí)候沒有問題。）
npm uninstall @vue/shared pnpm install @vue/shared@latest
2.Issues with peer dependencies found…
由上圖2可以看出，sass-loader需要匹配webpack@5.0.0,element-plus需要匹配vue@3.2.0,故安裝
pnpm install webpack@5.0.0 pnpm install vue@3.2.0
3.然后npm重新生成node.module
（不知道為什么pnpm-i不生成，最后用了npm）
npm i
總結(jié)
安裝依賴報(bào)錯(cuò)真的讓人火氣上涌，明明跟著課一步一步走下來的，但是他沒問題，我就報(bào)錯(cuò)。開始還以為是跟著教程哪一步走錯(cuò)了，重開了好幾次。最后還是得靠自己慢慢排錯(cuò)。
好了，以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
淺談webpack編譯vue項(xiàng)目生成的代碼探索
本篇文章主要介紹了淺談webpack編譯vue項(xiàng)目生成的代碼探索，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
教你如何在 Nuxt 3 中使用 wavesurfer.js
這篇文章主要介紹了如何在 Nuxt 3 中使用 wavesurfer.js,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-01-01
這篇文章主要介紹了Vue.js進(jìn)行查詢操作的實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-08-08
關(guān)于vue-admin-element中的動(dòng)態(tài)加載路由
這篇文章主要介紹了關(guān)于vue-admin-element的動(dòng)態(tài)加載路由，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
vue指令只能輸入正數(shù)并且只能輸入一個(gè)小數(shù)點(diǎn)的方法
這篇文章主要介紹了vue指令只能輸入正數(shù)并且只能輸入一個(gè)小數(shù)點(diǎn)的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06
本篇文章主要介紹了Vue單文件組件的如何使用方式介紹，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
Vue+Websocket簡單實(shí)現(xiàn)聊天功能
這篇文章主要為大家詳細(xì)介紹了Vue+Websocket簡單實(shí)現(xiàn)聊天功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
vue js秒轉(zhuǎn)天數(shù)小時(shí)分鐘秒的實(shí)例代碼
這篇文章主要介紹了vue js秒轉(zhuǎn)天數(shù)小時(shí)分鐘秒的實(shí)例代碼,代碼簡單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-08-08
這篇文章主要給大家介紹了關(guān)于如何在寶塔面板部署vue項(xiàng)目的相關(guān)資料,寶塔面板可以通過Nginx來部署Vue項(xiàng)目,并解決跨域問題,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11
解決elementUI中el-tree樹形結(jié)構(gòu)中節(jié)點(diǎn)過濾的問題
這篇文章主要介紹了解決elementUI中el-tree樹形結(jié)構(gòu)中節(jié)點(diǎn)過濾的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04