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