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