Vue3警告:Failed to resolve component:XXX的詳細解決辦法

更新時間：2023年05月30日 08:54:59 作者：P9ulp

最近在一個vue3項目中遇到了報錯,整理了些解決辦法,這篇文章主要給大家介紹了關(guān)于Vue3警告:Failed to resolve component:XXX的詳細解決辦法,文中介紹的非常詳細,需要的朋友可以參考下

方法一：檢查組件是否注冊

沒有注冊組件，注冊即可

方法二：檢查組件名稱是否有誤

檢查一下組件的名稱有沒有拼錯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的詳細解決辦法的文章就介紹到這了,更多相關(guān)Vue3警告Failed to resolve component:XXX內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

Vue全局自適應(yīng)大小:使用postcss-pxtorem方式
本文介紹了如何在Vue項目中使用postcss-pxtorem插件實現(xiàn)響應(yīng)式設(shè)計,postcss-pxtorem可以自動將CSS文件中的px單位轉(zhuǎn)換為rem單位,從而實現(xiàn)更好的自適應(yīng)布局,通過配置postcss-pxtorem插件,可以在構(gòu)建時自動完成轉(zhuǎn)換,無需手動修改代碼
2025-01-01
elementui[el-table]toggleRowSelection默認多選事件無法選中問題
這篇文章主要介紹了elementui[el-table]toggleRowSelection默認多選事件無法選中問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2023-11-11
Vue使用Echarts實現(xiàn)數(shù)據(jù)可視化的方法詳解
這篇文章主要為大家詳細介紹了Vue使用Echarts實現(xiàn)數(shù)據(jù)可視化的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-03-03
深入淺析Vue組件開發(fā)
本文是主要介紹基于Vue的一個組件開發(fā)。本文給大家介紹的非常詳細，具有參考借鑒價值，需要的朋友參考下吧
2016-11-11
vue實現(xiàn)自定義"模態(tài)彈窗"組件實例代碼
頁面中會有很多時候需要彈窗提示,我們可以寫一個彈窗組件,下面這篇文章主要給大家介紹了關(guān)于vue實現(xiàn)自定義"模態(tài)彈窗"組件的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2021-12-12
vue 實現(xiàn)拖拽動態(tài)生成組件的需求
這篇文章主要介紹了vue 如何實現(xiàn)拖拽動態(tài)生成組件的需求，幫助大家更好的理解和學(xué)習(xí)使用vue框架，感興趣的朋友可以了解下
2021-05-05
vant picker+popup 自定義三級聯(lián)動案例
這篇文章主要介紹了vant picker+popup 自定義三級聯(lián)動案例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-11-11
Vue關(guān)鍵字搜索功能實戰(zhàn)小案例
在vue項目中,搜索功能是我們經(jīng)常需要使用的一個場景,下面這篇文章主要給大家介紹了關(guān)于Vue關(guān)鍵字搜索功能的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2023-06-06
vue keep-alive的簡單總結(jié)
這篇文章主要介紹了vue中的keep-alive的相關(guān)資料，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下
2021-01-01
Vue?項目中選擇?TSX?而非傳統(tǒng)?.vue?文件的原因分析
文章探討了Vue項目中使用TSX（TypeScript?JSX）的背景、優(yōu)勢和局限性,TSX結(jié)合了TypeScript和JSX,增強了類型安全和代碼組織性,但也增加了學(xué)習(xí)曲線和可讀性問題,對于復(fù)雜應(yīng)用,TSX提供了更大的靈活性和類型支持,逐漸成為一些開發(fā)者的選擇
2024-11-11