解决vue 引入子组件报错的问题
错误信息：
Do not use built-in or reserved HTML elements as component id: header
源码：
<script>
import header from "./components/header"
import aside from "./components/aside"
import footer from "./components/footer"
export default {
name: 'layout',
components: {
header: header,
aside: aside,
footer: footer
}
}
</script>
原因：
vue里面不允许使用 Html已有的标签作为自定义标签
修改方案：
<script>
import header from "./components/header"
import aside from "./components/aside"
import footer from "./components/footer"
export default {
name: 'layout',
components: {
'v-header': header,
'v-aside': aside,
'v-footer': footer
}
}
</script>
修复结果： ok！
以上这篇解决vue 引入子组件报错的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍vue 解决循环引用组件报错的问题，包括了vue 解决循环引用组件报错的问题的使用技巧和注意事项，需要的朋友参考一下 做项目时遇到使用循环组件，因为模式一样，只有数据不一样。但是按照普通的组件调用格式来做时报错，错误信息为Unknown custom element: <pop> - did you register the component correctly? For recu
-
本文向大家介绍Vue框架下引入ActiveX控件的问题解决，包括了Vue框架下引入ActiveX控件的问题解决的使用技巧和注意事项，需要的朋友参考一下 最近参与了山东某一公司的呼叫中心系统的开发项目，我负责的模块是在公司已有的前端Vue框架下集成他们的软电话条功能。从开始到结束所遇到的几个问题如下： 1.如何将ActiveX控件引入Vue，并且在页面上成功渲染； 2.如何调用ActiveX已提供的
-
本文向大家介绍解决vue 项目引入字体图标报错、不显示等问题，包括了解决vue 项目引入字体图标报错、不显示等问题的使用技巧和注意事项，需要的朋友参考一下 问题：在项目开发时使用字体图标，发现两个问题； 1、出现报错： 解决方法为：把字体引入方式改为绝对路径 2、不报错，但是不显示图标字体，出现方框 原因可能有两种： ①没在用到的地方引入字体的样式文件②你使用的是后缀名为 .styl 文件 ①的解
-
vue@2.6.14 node@14.18.1 vue-cli@5.0.4
-
在 vue3.0 + typescript 项目中引入 @antv 报错，查看报错信息，原因是因为在 @antv 中使用了 ?? 和?. 的语法导致报错，尝试了多种方案，使用 babel 等，均未解决这个报错的问题。请问这个如何在 vue.config.js 中配置呢？ 报错信息如下所示：
-
本文向大家介绍Java pom.xml parent引用报错问题解决方案，包括了Java pom.xml parent引用报错问题解决方案的使用技巧和注意事项，需要的朋友参考一下 问题如下 本质就是jar包引用不到，这个时候就要需要去windows-preferences-Maven-user settings中查看jar包存放在本地的那个仓库之中 我存放的是D:\tools\study_tool