Vue3+Vite+TS使用elementPlus時(shí)踩的坑及解決
前言
在學(xué)習(xí)Vue3時(shí)，想使用elementPlus來繪制頁面，但是根據(jù)教程導(dǎo)入的時(shí)候就報(bào)了一堆錯，記錄一下，后面幾天換新電腦了估計(jì)還得走一遍。
報(bào)錯過程
環(huán)境
node v16.14.2 pnpm 8.0.0
操作
根據(jù)elementplus官網(wǎng)快速啟動，無論是全局引用，還是自動導(dǎo)入，都報(bào)錯
在安裝依賴過程中，也發(fā)出警告
解決方法
1.Could not resolve “@vue/shared”
這個錯誤通常是由于缺少依賴項(xiàng)或版本不兼容導(dǎo)致的。
通過安裝最新的vue/shared來解決（但是當(dāng)時(shí)npm卸載報(bào)錯，然后使用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)錯真的讓人火氣上涌，明明跟著課一步一步走下來的，但是他沒問題，我就報(bào)錯。開始還以為是跟著教程哪一步走錯了，重開了好幾次。最后還是得靠自己慢慢排錯。
好了，以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue2 v-model/v-text 中使用過濾器的方法示例
這篇文章主要介紹了vue2 v-model/v-text 中使用過濾器的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
基于express中路由規(guī)則及獲取請求參數(shù)的方法
下面小編就為大家分享一篇基于express中路由規(guī)則及獲取請求參數(shù)的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了淺談Vue頁面級緩存解決方案feb-alive(下),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
Vue中Pinia狀態(tài)管理的四大實(shí)戰(zhàn)場景指南
Pinia 是 Vue 官方推薦的狀態(tài)管理庫,這篇文章主要為大家詳細(xì)介紹了Vue中Pinia狀態(tài)管理的四大實(shí)戰(zhàn)場景,感興趣的小伙伴可以了解一下2025-10-10
使用寶塔面板中Nginx部署前端Vue項(xiàng)目完整步驟
在Kubernetes(K8S)部署前端Vue項(xiàng)目通常會涉及到使用Nginx作為靜態(tài)資源服務(wù)器的一個重要部分,這篇文章主要給大家介紹了關(guān)于使用寶塔面板中Nginx部署前端Vue項(xiàng)目的相關(guān)資料,需要的朋友可以參考下2024-10-10
vue如何在用戶要關(guān)閉當(dāng)前網(wǎng)頁時(shí)彈出提示的實(shí)現(xiàn)
這篇文章主要介紹了vue如何在用戶要關(guān)閉當(dāng)前網(wǎng)頁時(shí)彈出提示的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
Vue——解決報(bào)錯 Computed property "****" was assigned to but it ha
這篇文章主要介紹了Vue——解決報(bào)錯 Computed property "****" was assigned to but it has no setter.的方法，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-12-12
vue路由事件beforeRouteLeave及組件內(nèi)定時(shí)器的清除方法
今天小編就為大家分享一篇vue路由事件beforeRouteLeave及組件內(nèi)定時(shí)器的清除方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Vue項(xiàng)目如何引入bootstrap、elementUI、echarts
這篇文章主要介紹了Vue項(xiàng)目如何引入bootstrap、elementUI、echarts,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-11-11
這篇文章主要介紹了Vue組件中的父子組件使用，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01