vue3配置Element及element-plus/lib/theme-chalk/index.css報(bào)錯(cuò)的解決
vue3在安裝配置Element-UI時(shí),需要安裝的是Element-plus,注意區(qū)分一下
1.在vue3.x的項(xiàng)目項(xiàng)目安裝Element-Plus
npm i element-plus -S
2.引入到main.js
在\src\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/dist/index.css'
const app = createApp(App)
app.use(ElementPlus)
app.use(store).use(router).mount('#app')
3.注意正確引入
import‘element-plus/dist/index.css'
不然報(bào)錯(cuò)*
element-plus/lib/theme-chalk/index.css in ./src/main.js
4.在頁面上應(yīng)用組件

5.頁面效果

總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- vue3+vite使用postcss-pxtorem、autoprefixer自適應(yīng)和自動添加前綴
- vue3成功創(chuàng)建項(xiàng)目后?run?serve啟動項(xiàng)目報(bào)錯(cuò)的解決
- 解決vue2使用腳手架配置prettier報(bào)錯(cuò)prettier/prettier:context.getPhysicalFilename is not a function
- vue項(xiàng)目使用可選鏈操作符編譯報(bào)錯(cuò)問題及解決
- 解決Vue Loading PostCSS Plugin failed:Cannot find module autoprefixer問題
相關(guān)文章
解決Antd 里面的select 選擇框聯(lián)動觸發(fā)的問題
這篇文章主要介紹了解決Antd 里面的select 選擇框聯(lián)動觸發(fā)的問題,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
修改vue源碼實(shí)現(xiàn)動態(tài)路由緩存的方法
這篇文章主要介紹了修改vue源碼實(shí)現(xiàn)動態(tài)路由緩存的方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
vue el-table實(shí)現(xiàn)多選框回填的示例代碼
摘要:Vue多選框回填是實(shí)現(xiàn)表單數(shù)據(jù)高效處理的常見需求,本文主要介紹了vue el-table實(shí)現(xiàn)多選框回填的示例代碼,具有一定的參考價(jià)值,感興趣的可以了解一下2024-01-01
vue優(yōu)化之優(yōu)雅的拋出錯(cuò)誤(Error)問題
這篇文章主要介紹了vue優(yōu)化之優(yōu)雅的拋出錯(cuò)誤(Error)問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
vuex刷新頁面后如何解決丟失store的數(shù)據(jù)問題
這篇文章主要介紹了vuex刷新頁面后如何解決丟失store的數(shù)據(jù)問題,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-12-12
使用自動導(dǎo)入后eslint報(bào)錯(cuò)eslint9的問題及解決方法
本文介紹了使用`pnpm create vue@latest`創(chuàng)建Vue應(yīng)用時(shí),如何配置ESLint和Prettier,包括解決兩者沖突以及自動導(dǎo)入后Eslint報(bào)錯(cuò)的問題,感興趣的朋友一起看看吧2025-03-03

