Vue3如何解決Element-plus不生效的問(wèn)題
vue3中Element-plus不生效問(wèn)題
只需要在main.js中加上這兩句
import ElementPlus from 'element-plus' import 'element-plus/theme-chalk/index.css'
看其他文章說(shuō)和引入順序有關(guān)，以及不是一個(gè)app的相關(guān)問(wèn)題，但我測(cè)試下來(lái)好像都不是這些問(wèn)題。
總而言之，我的全局main.js配置是這樣：
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import ElementPlus from 'element-plus'
import 'element-plus/theme-chalk/index.css'
createApp(App).use(store).use(router).use(ElementPlus).mount('#app')
補(bǔ)充：
今天又重新用vue ui建了個(gè)項(xiàng)目，按照官網(wǎng)的快速開(kāi)始指南，并沒(méi)有什么問(wèn)題。
一些element-plus組件不能正常使用是啥原因?qū)е碌?/h2>
根據(jù)官方文檔以及大佬的博客得出以下步驟：
第一步：首先你需要安裝unplugin-vue-components和unplugin-auto-import這兩款插件
npm install -D unplugin-vue-components unplugin-auto-import
第二步：然后將下列代碼插入到你的vite或者webpack的配置文件中，我這邊使用的是webpack配置文件。
在添加完以上代碼之后，可能會(huì)遇到兩個(gè)問(wèn)題：
第一個(gè)問(wèn)題：autoimport is not a function
解決辦法：
查閱相關(guān)資料發(fā)現(xiàn)，是版本兼容性的問(wèn)題，然后我就在package.json文件中查看unplugin-auto-import的版本號(hào)，發(fā)現(xiàn)是0.17.1好像，反正是17版本，后面降版本，改成0.16.7,然后npm i運(yùn)行一下，這個(gè)問(wèn)題就不報(bào)錯(cuò)了。
第二個(gè)問(wèn)題：Invalid options in vue.config.js: “plugins“ is not allowed
解決辦法：
查閱相關(guān)資料發(fā)現(xiàn)，webpack 相關(guān)的配置需要寫到 configureWebpack 里，不能直接寫在外面。
所以代碼如下：
兩個(gè)問(wèn)題解決了，就能成功運(yùn)行了。
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
打開(kāi)尤大大的GitHub，發(fā)現(xiàn)多了個(gè)叫 petite-vue 的東西,Vue3 和 Vite 還沒(méi)學(xué)完呢，又開(kāi)始整新東西了？本文就來(lái)介紹一下2021-07-07
使用ElementUI中el-upload上傳文件轉(zhuǎn)base64格式
這篇文章主要介紹了使用ElementUI中el-upload上傳文件轉(zhuǎn)base64格式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05
axios+vue請(qǐng)求時(shí)攜帶cookie的方法實(shí)例
做項(xiàng)目時(shí)遇到一個(gè)需求,后端需要在接口請(qǐng)求時(shí),對(duì)用戶登陸狀態(tài)進(jìn)行判斷,需要在請(qǐng)求時(shí)攜帶Cookie,下面這篇文章主要給大家介紹了關(guān)于axios+vue請(qǐng)求時(shí)攜帶cookie的相關(guān)資料,需要的朋友可以參考下2022-09-09
vue實(shí)現(xiàn)pdf文件發(fā)送到郵箱功能的示例代碼
這篇文章主要介紹了vue實(shí)現(xiàn)pdf文件發(fā)送到郵箱功能,實(shí)現(xiàn)代碼包括對(duì)郵箱格式內(nèi)容是否為空的驗(yàn)證方法，代碼簡(jiǎn)單易懂，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-05-05
今天小編就為大家分享一篇vue2過(guò)濾器模糊查詢方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
這篇文章主要為大家詳細(xì)介紹了vue封裝tabs組件案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
在Web開(kāi)發(fā)中,獲取DOM元素的寬度、高度以及滾動(dòng)位移是常見(jiàn)的需求,這篇文章主要給大家介紹了關(guān)于vue獲取組件中元素寬度常用的方法,需要的朋友可以參考下2024-08-08
vue數(shù)組對(duì)象排序的實(shí)現(xiàn)代碼
這篇文章主要介紹了vue數(shù)組對(duì)象排序的實(shí)現(xiàn)代碼，這里整理了詳細(xì)的代碼，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2018-06-06
本文主要介紹了Vue3怎么使用element-plus，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
計(jì)算圖片的MD5可以將其作為圖片的唯一標(biāo)識(shí),從而優(yōu)化對(duì)圖片的存儲(chǔ)和檢索效率,本文主要介紹了Vue獲取圖片MD5的常用方法,感興趣的可以了解下2024-12-12