在vue框架下使用指令vue add element安裝element報(bào)錯(cuò)問(wèn)題
vue add element報(bào)錯(cuò)
在使用這條命令時(shí)，因?yàn)槭窃L問(wèn)外網(wǎng)請(qǐng)求資源的緣故，導(dǎo)致node-sass經(jīng)常響應(yīng)超時(shí)而導(dǎo)致下載失敗，進(jìn)而使安裝失敗
因此我們可以使用國(guó)內(nèi)的鏡像下載node-sass
npm install -g cnpm --registry=https://registry.npm.taobao.org （安裝淘寶鏡像） cnpm install node-sass --save （使用淘寶鏡像安裝node-sass）
然后再安裝element就可以成功了
vue中引入Element遇到的問(wèn)題
1、在vue3項(xiàng)目中引入element(vue3中錯(cuò)誤示例)
vue add element
然后根據(jù)提示一步一步安裝......
2、運(yùn)行npm run serve
3、結(jié)果，報(bào)錯(cuò)?。?！
（原因：因?yàn)閑lement是基于vue2.0版本的組件庫(kù)，所以在vue3.0版本中會(huì)存在兼容性問(wèn)題）
斧正：
集成elementUi環(huán)境，element兼容vue3.0的時(shí)候換成 element-plus
1、（按需加入）執(zhí)行 npm install element-plus --save
2、新創(chuàng)建文件夾plugins,內(nèi)部新創(chuàng)建文件element.js(將需要的標(biāo)簽引入就可以使用了)
3、main.js文件進(jìn)行引入并配置
import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css'
import './plugins/element.js'
import router from './router'
import less from 'less'
import './assets/css/style.less'
createApp(App).use(ElementPlus).use(router).use(less).mount('#app')4、可以愉快的造輪子了~
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue3引入ElementUI報(bào)錯(cuò)問(wèn)題及解決
這篇文章主要介紹了vue3引入ElementUI報(bào)錯(cuò)問(wèn)題及解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
Vue中CSS動(dòng)畫(huà)原理的實(shí)現(xiàn)
這篇文章主要介紹了Vue中CSS動(dòng)畫(huà)原理的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02
Vue使用moment將GMT時(shí)間轉(zhuǎn)換為北京時(shí)間
GMT（Greenwich Mean Time）和UTC（Coordinated Universal Time）是兩個(gè)時(shí)間標(biāo)準(zhǔn),它們?cè)谠S多方面非常相似,但也有一些微小的差異,本文給大家詳細(xì)介紹了Vue使用moment將GMT時(shí)間轉(zhuǎn)換為北京時(shí)間,需要的朋友可以參考下2023-12-12
vue單頁(yè)面應(yīng)用打開(kāi)新窗口顯示跳轉(zhuǎn)頁(yè)面的實(shí)例
今天小編就為大家分享一篇vue單頁(yè)面應(yīng)用打開(kāi)新窗口顯示跳轉(zhuǎn)頁(yè)面的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
Vue源碼學(xué)習(xí)之?dāng)?shù)據(jù)初始化
這篇文章主要為大家介紹了Vue源碼學(xué)習(xí)之?dāng)?shù)據(jù)初始化實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
這篇文章主要介紹了Vue中子組件向父組件傳值$emit、.sync的方法，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-09-09
利用Vue3和element-plus實(shí)現(xiàn)圖片上傳組件
element-plus提供了uploader組件，但是不好定制化。所以本文將利用Vue3和element-plus實(shí)現(xiàn)一個(gè)圖片上傳的組件，感興趣的可以了解一下2022-03-03
圖片和文件上傳在很多項(xiàng)目中都可以使用的到，本文主要介紹了VUE+element-ui文件上傳的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要為大家詳細(xì)介紹了Vue2如何利用echarts繪制折線圖,餅圖和大圖，文中的示例代碼簡(jiǎn)潔易懂，具有一定的借鑒價(jià)值，需要的可以參考一下2023-04-04
這篇文章主要為大家詳細(xì)介紹了vue封裝一個(gè)日歷組件的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03