引入组件时页面上并没有出现组件的影子，其他元素正常，初步确定是组件引入部分语法出了问题，打开开发者工具看到控制台报出错误代码：
Failed to resolve component: MyButton If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
翻译文章来源：https://www.toymoban.com/news/detail-702364.html
无法解析组件：我的按钮如果这是本机自定义元素，请确保通过 compilerOptions.isCustomElement 将其从组件解析中排除。
搜到了博主们提供的一些方法比如：文章来源地址https://www.toymoban.com/news/detail-702364.html
- 组件的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的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![报错：[plugin:vite:import-analysis] Failed to resolve import “axios“ from “src\components\Main.vue“. Do](https://imgs.yssmx.com/Uploads/2024/02/730390-1.png)
![[前端]浏览器警告：Failed to resolve component: xxxIf this is a native custom element, make sure to exclude](https://imgs.yssmx.com/Uploads/2024/02/758250-1.png)
