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