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