Vue3警告:Failed to resolve component:XXX的詳細(xì)解決辦法
今天做小項(xiàng)目的時候遇到的問題，上網(wǎng)參考了幾個大佬給出的解決方法
方法一：檢查組件是否注冊
沒有注冊組件，注冊即可
方法二：檢查組件名稱是否有誤
檢查一下組件的名稱有沒有拼錯or大小寫有問題
方法三：defineComponent
將vue3中的defineComponent去掉
<script>
import { defineComponent } from "vue";
import layaside from "./Aside";
export default defineComponent({
components: {
layaside,
},
setup() {
return {};
},
});
</script><script>
import layaside from "./Aside";
export default {
components: {
layaside,
},
setup() {
return {};
},
};
</script>后來我查了一下defineComponent主要是TS的時候用處比較大，JS也可以不需要。
方法四：組件互相嵌套
可能是你引用的組件互相嵌套，你中有我，我中有你，此時建議
1、把組件注冊成全局組件
2、使用 webpack 的異步 import
components: {
TreeFolderContents: () => import('./tree-folder-contents.vue')
}方法五：是否是用對象包裹
以上方法我都試過了，最后解決的辦法是將名稱外包裹的花括號刪除即可
總結(jié)
到此這篇關(guān)于Vue3警告:Failed to resolve component:XXX的詳細(xì)解決辦法的文章就介紹到這了,更多相關(guān)Vue3警告Failed to resolve component:XXX內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue watch監(jiān)聽數(shù)據(jù)變化的案例詳解
監(jiān)聽數(shù)據(jù)變化，在Vue中是通過偵聽器來實(shí)現(xiàn)的，你也可以將它理解為監(jiān)聽器，時刻監(jiān)聽某個數(shù)據(jù)的變化，本文將通過代碼示例為大家詳細(xì)的介紹一下vue watch如何監(jiān)聽數(shù)據(jù)變化,需要的朋友可以參考下2023-07-07
VUE的history模式下除了index外其他路由404報錯解決辦法
在本篇文章里小編給大家分享的是關(guān)于VUE的history模式下除了index外其他路由404報錯解決辦法，對此有需要的朋友們可以學(xué)習(xí)下。2019-08-08
如何利用vue+element?ui實(shí)現(xiàn)好看的登錄界面
最近做了個最基礎(chǔ)的ElementUI登錄頁,適合新手查看,所以下面這篇文章主要給大家介紹了關(guān)于如何利用vue+element?ui實(shí)現(xiàn)好看的登錄界面的相關(guān)資料,需要的朋友可以參考下2022-05-05
vue組件引用另一個組件出現(xiàn)組件不顯示的問題及解決
這篇文章主要介紹了vue組件引用另一個組件出現(xiàn)組件不顯示的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
解決element-ui table設(shè)置列fixed時X軸滾動條無法拖動問題
這篇文章主要介紹了解決element-ui table設(shè)置列fixed時X軸滾動條無法拖動問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
關(guān)于vue使用ant design vue,打包后a-date-picker控件無法選擇日期的問題
這篇文章主要介紹了關(guān)于vite .env.test環(huán)境使用ant design vue,打包后a-date-picker控件無法選擇日期的問題,本文針對這個問題提供了解決方法,需要的朋友可以參考下2023-04-04
使用elementUI table展開行內(nèi)嵌套table問題
這篇文章主要介紹了使用elementUI table展開行內(nèi)嵌套table問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
本篇文章主要給大家講述了VueJS應(yīng)用中管理用戶權(quán)限的詳細(xì)過程和方法，以及相關(guān)的代碼展示，需要的朋友參考下吧。2018-02-02
vue.js默認(rèn)路由不加載linkActiveClass問題的解決方法
這篇文章主要給大家介紹了關(guān)于vue.js默認(rèn)路由不加載linkActiveClass問題的解決方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。2017-12-12
TypeError:res.forEach?is?not?a?function報錯解決辦法
這篇文章主要給大家介紹了關(guān)于TypeError:res.forEach?is?not?a?function報錯的解決辦法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2023-07-07