vue3引入ElementUI報錯問題及解決
更新時間：2024年07月08日 08:38:11 作者：MrLi-2018
這篇文章主要介紹了vue3引入ElementUI報錯問題及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vue3引入ElementUI報錯
效果圖
下載依賴
npm install element-plus --save
引入方式
import ElementPlus from "element-plus"
import 'element-plus/dist/index.css'
createApp(App).use(store).use(router).use(ElementPlus).mount("#app");完美解決報錯?。。。?/p>
vue3引入element-ui報錯:Uncaught TypeError: Cannot read property‘prototype‘ of undefined
為什么
你寫的引入方式可能是這種
import ElementUI from "element-ui"; import "element-plus/lib/theme-chalk/index.css"; Vue.use(ElementUI)
配置無誤、代碼未報錯，運行時頁面空白，F(xiàn)12控制臺報錯：
Uncaught TypeError: Cannot read property ‘prototype’ of undefined
解決辦法
原因就是在main.js引入element-ui方式錯誤（vue3.0的坑）
先下載
npm install element-plus --save
vue3中正確引入方式如下
import ElementUI from "element-plus";
import "element-plus/dist/index.css"
createApp(App).use(store).use(router).use(ElementUI).mount('#app')一定要注意哦！??！ vue3是element-plus，然后重新啟動，解決！
總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
Vue-Cli如何在index.html中進行環(huán)境判斷
這篇文章主要介紹了Vue-Cli如何在index.html中進行環(huán)境判斷問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
如何解決npm i下載依賴的時候出現(xiàn)某依賴版本沖突
這篇文章主要介紹了如何解決npm i 下載依賴的時候出現(xiàn)某依賴版本沖突問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了vue.config.js使用代理配置真實請求url方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
淺談Vuex的this.$store.commit和在Vue項目中引用公共方法
這篇文章主要介紹了淺談Vuex的this.$store.commit和在Vue項目中引用公共方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
日歷在很多地方都可以使用的到，這篇文章主要介紹了如何利用vue3實現(xiàn)簡單的日歷控件，文中通過示例代碼講解詳細，需要的朋友們下面隨著小編來一起學習學習吧2023-04-04
ref在我們開發(fā)項目當中很重要的,在?Vue?中使用?ref?可以提高代碼的可讀性和維護性,因為它直接標識出了組件中需要操作的具體元素或組件實例,本文我將給大家?guī)淼氖莢ue3中用ref獲取dom的操作,文中有相關的代碼示例供大家參考,需要的朋友可以參考下2024-06-06
在Element Plus里，Icon圖標的用法和以前不一樣了，本文主要介紹了Element Plus的el-icon怎么用，具有一定的參考價值，感興趣的可以了解一下2022-04-04
在Web開發(fā)中,Base64編碼常用于將二進制數(shù)據(jù)轉換為文本字符串,以便在網(wǎng)絡上傳輸,在Vue.js應用中,Base64編碼廣泛應用于圖像的嵌入,本文將詳細介紹如何在Vue.js中實現(xiàn)Base64編碼與解碼,并提供多種示例和實現(xiàn)思路,需要的朋友可以參考下2024-09-09
本篇文章主要介紹了詳解Vue方法與事件。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
我們就來實現(xiàn)這樣一個Vue自定義指令v-time，將表達式傳入的時間戳實時轉換為相對時間。下面小編給大家?guī)砹耸褂肰ue開發(fā)一個實時性時間轉換指令，需要的朋友參考下吧2018-01-01