uniapp:[Vue warn]: Failed to mount component: template or render function not defined. found in

简介: uniapp:[Vue warn]: Failed to mount component: template or render function not defined. found in

在uniapp 项目中,自定义组件,引入并使用自定义组件时出现了该报错,

image.png

解决方案:

当我仔细检查,原来是自定义组件时,命名时将"=“等于号写成了”:"冒号.

image.png


创建自定义组件

<template name="组件名称"> 
  <view>这是一个自定义组件</view> 
</template> 
<script> 
    export default { 
        name: "组件名称", 
        //属性 
        props: {  
            属性名称: {     
                type: String, 
                value: "值"  
            }
        }            
} 
</script> 
<style> 
</style> 

使用组件

<template>
  <view >
    <组件名称 组件属性="对应的值"></组件名称>
  </view>
</template>
<script>
import 组件名称 from "../../components/组件名.vue";
export default{
  components:{
    组件名称
  },
}
</script>
<style>
</style>
相关文章
|
iOS开发 开发者
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
803 67
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
|
JavaScript 前端开发
vue3通过render函数实现一个菜单下拉框
【8月更文挑战第18天】vue3通过render函数实现一个菜单下拉框
490 0
|
前端开发 JavaScript 开发者
|
JavaScript
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
本文讨论了在使用Vue和Element UI实现树形数据和懒加载时遇到的“Maximum call stack size exceeded”错误,指出问题的原因通常是因为数据中的唯一标识符`id`不唯一,导致递归渲染造成调用栈溢出。
1253 1
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
|
JavaScript 开发者
Vue Render函数
【10月更文挑战第11天】 Vue 的 Render 函数提供了一种强大而灵活的方法来创建虚拟 DOM 节点,使开发者能够更精细地控制组件的构建过程。通过 `createElement` 参数,可以动态生成各种元素和组件,实现复杂逻辑和高级定制。尽管使用 Render 函数需要更多代码和对虚拟 DOM 的深入理解,但它在处理复杂场景时展现出巨大的优势。
176 2
|
缓存 监控 JavaScript
如何提高 Vue Render 函数的性能?
【10月更文挑战第4天】
239 0
|
JavaScript 开发者
Vue Render函数
【10月更文挑战第4天】
172 0
Vue3使用createVNode和render函数实现仿 Antd 加载动效
本文展示了如何在Vue3项目中使用`createVNode`和`render`函数实现一个仿Ant Design加载动效的自定义组件,并提供了详细的实现代码和使用示例。
691 0
Vue3使用createVNode和render函数实现仿 Antd 加载动效
|
TensorFlow API 算法框架/工具
【Tensorflow】解决Inputs to eager execution function cannot be Keras symbolic tensors, but found [<tf.Te
文章讨论了在使用Tensorflow 2.3时遇到的一个错误:"Inputs to eager execution function cannot be Keras symbolic tensors...",这个问题通常与Tensorflow的eager execution(急切执行)模式有关,提供了三种解决这个问题的方法。
192 1
|
JavaScript 定位技术
【天地图】vue 天地图 T is not defined
【天地图】vue 天地图 T is not defined
540 1

热门文章

最新文章