vue3报错 页面白屏 [Vue warn]: Component is missing template or render function

Vue3页面白屏：组件缺少模板或渲染函数
最新推荐文章于 2025-09-02 17:23:31 发布
原创 最新推荐文章于 2025-09-02 17:23:31 发布 · 513 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #前端

vue3报错 同时页面白屏
[Vue warn]: Component is missing template or render function
在这里插入图片描述

原因

静态路由里 component 用了shallowRef
在这里插入图片描述

解决

component 直接放layout即可在这里插入图片描述

Vue.js组件缺少模板或渲染函数问题解决
qq_29715355的博客
04-28 2217
当使用提供定义对象时，它返回的是应用实例。
vue3传属性时报错 [Vue warn]: Component is missing template or render function.
一只爱吃糖的小羊
03-24 1万+
vue3传属性时报错 [Vue warn]: Component is missing template or render function.
Vue warn]: Component is missing template or render function.
热门推荐
SOLar7SysteM的博客
08-03 3万+
Component is missing template or render function.
vue+element-plus路由循环渲染菜单报错：Component is missing template or render function
qq_51001897的博客
12-13 1868
如果在遇到某些bug，在检查代码、逻辑等都没有问题的情况下还没解决，可以试着更改文件名看看
Component is missing template or render function
m0_67401228的博客
03-11 2万+
引入如下： 报错如下： 【错误原因】： 引入的时候没有加文件后缀！！！！！ 解释： 其实按道理，webpack的规则是允许 .vue .js 文件在引入的时候省略文件名后缀的。 import test from './test.vue' import test from './test' //等同于 import test from './test.js' import test from './test' //等同于 但是当目录下同事存在 test.js 和 test.vue 文件的时候，会优先
[Vue warn]: Component is missing template or render function
04-02
当遇到 `[Vue warn]: Component is missing template or render function.` 的警告时，通常是因为组件未正确定义其 `template` 或 `render` 函数。以下是几种可能的原因及其对应的解决方法： #### 1. **检查 `...
main.js:14 [Vue warn]: Component is missing template or render function
08-23
在 Vue 项目中，当组件缺少模板或渲染函数时，控制台会提示 `Component is missing template or render function`。这种问题通常出现在以下几种情况： 1. **组件未定义 `<template>`** 如果组件的 `.vue` 文件中...
▼[Vue warn ]: Component is missing template or render function.
09-30
2. 确保在Vue文件中正确编写渲染函数，例如使用`render`函数或`template`选项。 3. 检查Vue文件中的脚本代码是否正确，确保没有语法错误或配置问题。 示例1： ```vue <template> <div></div> </template> export...
vue3 引入 vue-video-player 时报错 [Vue warn]: Component is missing template or render function. at <Anonymous ref="refVideo" options=
04-19
好的，我现在需要帮助用户解决在Vue3中引入vue-video-player时出现的“Component is missing template or render function”警告问题。首先，我需要理解这个警告的原因。根据引用[3]中的描述，这个错误通常发生在...
[Vue warn]: Component is missing template or render function. at <App>
10-12
这个警告是因为 Vue 组件缺少...1. 组件的 template 或 render 函数未设置或设置错误。 2. 组件的 script 标签中没有正确导入 Vue。 3. 组件的 script 标签中没有正确注册组件。 您可以检查以上问题，找出并解决错误。
[Vue warn]: Component is missing template or render function: {template: ‘‘}
BY_____________的博客
08-27 424
粗心大意，main.js 中 createApp 中忘了写 App。
Vue warn] Component is missing template or render function
m0_67393039的博客
03-03 835
解决方式： 检查script代码是否正确 示例1 <script setup> </script> 示例 2 <script> export default { setup () { return {} } } </script>
[Vue warn]: Component is missing template or render function.
qq_51574759的博客
01-29 4835
从组件库导入组件的时候，要用{ }括起来 例如 import {NButton} from "naive-ui"; 如果这样 import NButton from "naive-ui"; 那么就会报错 Component is missing template or render function.
Component is missing template or render function.
m0_63989259的博客
08-24 1304
控制台报错，显示位置在入口函数中注册router的位置。个人编写习惯上导致的问题。又是想打死自己的一天。
求助各位大佬帮忙看看为什么啊 [Vue warn]: Component is missing template or render function.
K11T11的博客
03-04 903
van-action-bar-icon icon="cart-o" text="购物车" :badge="store.state.cartList.length" />content: "评价",content: "商家",name: "点菜",
Vue warn]: Component is missing template or render function
缘来阁
06-24 1万+
错误代码 这是直接拷贝HelloWorld.vue的代码： <script setup> </script> 修正后 <script> export default { setup () { return {} } } </script>
Vue.js 报错： Unhandled Promise Rejection: Error: ＜Component＞ is missing template or render function
最新发布
有我更精彩的博客
09-02 692
模板 / render 二选一，路径 / 默认导出要对齐。补上<template>或render()，报错立刻消失。最后问候亲爱的朋友们，并邀请你们阅读我的全新著作📚《Vue.js 3企业级项目开发实战（微课视频版》
警告：Component is missing template or render function.
Stars_in_rain的博客
03-25 1万+
警告：Component is missing template or render function. 在写vue项目时，网页没有加载出来东西一片空白，然后控制台出现黄色的警告： 原因是：在引入模块的时候没有写后缀！！！ 加上.vue后就可以正常显示了。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值