【Vue3】引入组件Failed to resolve component: MyButton If this is a native custom element

引入组件时页面上并没有出现组件的影子，其他元素正常，初步确定是组件引入部分语法出了问题，打开开发者工具看到控制台报出错误代码：

 Failed to resolve component: MyButton If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

翻译

无法解析组件：我的按钮如果这是本机自定义元素，请确保通过 compilerOptions.isCustomElement 将其从组件解析中排除。

搜到了博主们提供的一些方法比如：

组件的script标签没有添加 setup
引入的时候加了大括号之类的，这种情况很显然不会报出这个错误信息,而是下面这个，而且也会影响页面其他元素的加载

Uncaught SyntaxError: The requested module '/components/MyButton.vue?t=1676209371149' does not provide an export named 'MyButton'

最后经过自己的排查，发现问题还是因为导入组件时，在components这一步出了问题导致的

<script>

import MyButton from '../components/MyButton.vue'

export default {

    data() {

        return {

            msg: "我爱vue"

        }

    },

    components: {

        MyButton

    }

}

</script>

<template>

    <h1>{{ msg }}</h1>

    <MyButton></MyButton>

    <!-- <MyButton></MyButton> -->

</template>

【Vue3】引入组件Failed to resolve component: MyButton If this is a native custom element的相关教程结束。