vue3配置Element及element-plus/lib/theme-chalk/index.css報(bào)錯(cuò)的解決
更新時(shí)間：2024年03月19日 17:03:43 作者：阿杰杰1314
這篇文章主要介紹了vue3配置Element及element-plus/lib/theme-chalk/index.css報(bào)錯(cuò)的解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(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è)面上應(yīng)用組件
5.頁(yè)面效果
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- vue3+vite使用postcss-pxtorem、autoprefixer自適應(yīng)和自動(dòng)添加前綴
- vue3成功創(chuàng)建項(xiàng)目后?run?serve啟動(dòng)項(xiàng)目報(bào)錯(cuò)的解決
- 解決vue2使用腳手架配置prettier報(bào)錯(cuò)prettier/prettier:context.getPhysicalFilename is not a function
- vue項(xiàng)目使用可選鏈操作符編譯報(bào)錯(cuò)問(wèn)題及解決
- 解決Vue Loading PostCSS Plugin failed:Cannot find module autoprefixer問(wèn)題
相關(guān)文章
Vue實(shí)現(xiàn)雙token無(wú)感刷新的示例代碼
這篇文章主要介紹了Vue實(shí)現(xiàn)雙token無(wú)感刷新,雙token機(jī)制,尤其是指在OAuth 2.0授權(quán)協(xié)議中廣泛使用的access token（訪問(wèn)令牌）和refresh token（刷新令牌）組合,文中通過(guò)代碼示例講解的非常詳細(xì),需要的朋友可以參考下2024-03-03
Vue如何動(dòng)態(tài)改變列表搜索出關(guān)鍵詞的字體顏色
這篇文章主要介紹了Vue如何動(dòng)態(tài)改變列表搜索出關(guān)鍵詞的字體顏色問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
在Vue框架下實(shí)現(xiàn)表格行合并的兩種方法
本文介紹了ElementUI和Antd+Vue中el-table和a-table實(shí)現(xiàn)行合并的方法,包括基本使用、實(shí)現(xiàn)步驟、示例代碼等,通過(guò)自定義計(jì)算合并行數(shù)的方法,可以靈活實(shí)現(xiàn)表格數(shù)據(jù)的合并顯示,提升數(shù)據(jù)的可讀性和用戶體驗(yàn),需要的朋友可以參考下2026-04-04
使用vxe-table合并單元格、分組列頭的詳細(xì)用法舉例
這篇文章主要介紹了使用vxe-table合并單元格、分組列頭的詳細(xì)用法,vxe-table通過(guò)rowspan和colspan配置合并單元格,使用columns的group屬性實(shí)現(xiàn)列頭分組,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下2025-06-06
這篇文章主要介紹了vue中如何添加百度統(tǒng)計(jì)代碼，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-12-12
vue proxyTable的跨域中pathRewrite配置方式
這篇文章主要介紹了vue proxyTable的跨域中pathRewrite配置方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了Vue的屬性、方法、生命周期的實(shí)例代碼，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了Vue echarts封裝的實(shí)現(xiàn)，Echarts，它是一個(gè)與框架無(wú)關(guān)的JS圖表庫(kù)，但是它基于JS，這樣很多框架都能使用它2023-01-01
vue3項(xiàng)目中eslint+prettier統(tǒng)一代碼風(fēng)格方式
這篇文章主要介紹了vue3項(xiàng)目中eslint+prettier統(tǒng)一代碼風(fēng)格方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-05-05
axios取消請(qǐng)求與避免重復(fù)請(qǐng)求
在項(xiàng)目中經(jīng)常有一些場(chǎng)景會(huì)連續(xù)發(fā)送多個(gè)請(qǐng)求,而異步會(huì)導(dǎo)致最后得到的結(jié)果不是我們想要的,并且對(duì)性能也有非常大的影響,這篇文章主要給大家介紹了關(guān)于axios取消請(qǐng)求與避免重復(fù)請(qǐng)求的相關(guān)資料,需要的朋友可以參考下2021-06-06