bug内容：

原文：

[Vue warn]: Failed to resolve component: test
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
at <App>

必应翻译：

未能解决组件：测试
如果这是一个本地自定义元素，请务必通过编译器从组件分辨率中排除它。

原因预读：

逻辑问题：父组件都已经挂载上了，子组件就没法加载上父组件了！！！

解决步骤：

//定义父组件
const app = Vue.createApp({data() {return {num: 123,}},template: `<test  :content="num" />`,})
//父组件挂载const vm = app.mount('#root');//子组件传值app.component('test',{// 传值载体props:{// 对传入的content进行校验content:{type:Number,   // 浅校验request:true,   // 是否必传default:123,   // 默认值default:function(){return 123;},// 深校验validator:function(value){return value<1000;},}},template:`{{content}}`,})

代码原文解释：

1、定义父组件部分

2、父组件挂载

3、子组件编写

解决步骤：

从bug方向出发

--->子组件有问题

--->检查子组件：子组件无语法格式拼写问题

--->测试子组件内部：分段注释测试代码，发现bug不变

--->父组件没引用上？

--->检查父组件：父组件无语法格式拼写问题

--->分析书写逻辑：父组件创建--》父组件挂载--》子组件传给父组件

逻辑问题：父组件都已经挂载上了，子组件就没法加载上父组件了！！！

---》解决方案： --》父组件创建 app = Vue.createApp

--》子组件传给父组件 app.component('test',{}）

--》父组件挂载 app.mount()

等所有组件都已经相互连接了，才能挂载

[Vue warn]: Failed to resolve component: xxx相关推荐

[Vue warn] Failed to resolve component xxx
bug内容: 原文: [Vue warn]: Failed to resolve component: test If this is a native custom element, make su ...
[Vue warn]: Failed to resolve component:XXX
[问题描述] [Vue warn]: Failed to resolve component: sidebar-item If this is a native custom element, mak ...
vue3[Vue warn]: Failed to resolve component: XXX If this is a native custom element, make sure to ex
自定义标签存在,但是没有渲染报错: 原因: 改正前: <script> import {milldeLayoutInMain} from "../../components/h ...
vue：Failed to resolve component:xxx
vue 项目中控制台报警告: [Vue warn]: Failed to resolve component: xxx If this is a native custom element, make ...
vue3出现此警告信息：[Vue warn]: Failed to resolve component: dpan
警告内容: runtime-core.esm-bundler.js:6870 [Vue warn]: Failed to resolve component: dpan 原因: 问题出现的原因是因为, ...
Vue3.0使用Element Plus组件报错[Vue warn]: Failed to resolve component: `el-XXXX` If this is a native custo
文章目录报错截图一.问题描述二.报错信息格式三.报错原因报错截图一.问题描述我的技术栈:Vue3+TypeScript+Vite+Element Plus 我的报错:Vue3 项目使用 ...
[Vue warn]: Failed to mount component: template or render function not defined. 错误解决方法
[Vue warn]: Failed to mount component: template or render function not defined. 错误解决方法参考文章: (1)[Vue ...
[Vue warn]: Failed to mount component: template or render function not defined. (found in root insta
在开始一个新的项目的时候报了个错 [Vue warn]: Failed to mount component: template or render function not defined. (fo ...
[Vue warn]: Failed to mount component: template or render function not defined.解决方案
命名视图 vue router 里有一个模式叫做命名视图本来一个页面里面只能有一个路由视图对应一个组件,现在可以多个路由视图对应多个组件. 出错点点击标签之后,<router-v ...

[Vue warn]: Failed to resolve component: xxx

bug内容：

原因预读：

逻辑问题：父组件都已经挂载上了，子组件就没法加载上父组件了！！！

解决步骤：

代码原文解释：

解决步骤：

[Vue warn]: Failed to resolve component: xxx相关推荐

最新文章

热门文章