运行报错：[Vue warn]: Failed to mount component: template or render function not defined.

最新推荐文章于 2022-03-20 03:17:05 发布
最新推荐文章于 2022-03-20 03:17:05 发布
阅读量3.7k 收藏
点赞数
分类专栏： Vue开发 文章标签： vue报错
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010047432/article/details/103137443
版权

昨天项目跑起来没问题，今天重新跑，就报错了，具体如下：

报错提示：template或渲染函数未被定义

出现问题的路由引入路径以及文件目录：

起因：由于该组件中存在index.vue， index.less， index.js三个同名不同类型文件，而index.js是作为index.vue的逻辑代码存在，而路由文件中通过

 component: () => import('@/view/headline/index'),

这种方式引入，未具名文件，默认会把index.js文件作为组件文件，由此造成该报错

 

 

 

 

 

 

 

 

 

 

FQIP
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
正确解决Failed to mount component: template or render function not defined异常的有效解决方法
wbajsjhhhhh的博客
05-03 7433
正确解决Failed to mount component: template or render function not defined异常的有效解决方法
Vue.js报错Failed to resolve filter问题的解决方法
10-22
在使用Vue.js进行前端开发时，开发者经常会遇到各种问题，其中一个比较常见的问题就是关于过滤器（filter）的错误。当在控制台发现报错信息"Failed to resolve filter:HomePage"时，可能会引起困惑，因为这可能指向...
Vue 报错Failed to mount component: template or render function not defined
程邓楠的博客
08-14 2万+
Vue2使用的过程中报错误Failed to mount component: template or render function not defined 大概遇到有以下几种情况，简单记录一下。。。 1、页面引用组件时 先看一下当前的目录结构 当前页面的目录结构是vipTag/index.vue主页面；component下的tagRoule.js、tagRoule.scss和tagRoule.vue等组成的组件，因为当前组件逻辑，样式部分比较长，所以做了一下拆分；这个时候我们回到vipT
[Vue warn]: Failed to mount component: template or render function not defined
weixin_43130844的博客
03-16 2001
在使用VUE的过程中有可能会遇到这样的提示： “Failed to mount component: template or render function not defined”，提示挂载组件失败，原因可能是： 模板文件有问题——可检查代码查找问题； vue-router方面的问题——可检查vue-router的相关代码是否有问题； ...
vue报错之Failed to mount component: template or render function not defined.
qq_38734862的博客
05-06 2万+
[Vue warn]: Failed to mount component: template or render function not defined. 一分钟前页面好好的，一分钟后页面显示空白，并报错[Vue warn]: Failed to mount component: template or render function not defined. 百度了下说我template标签...
关于Vue引入组件后报错：Failed to mount component: template or render function not defined.
FuyuumiAI的博客
04-04 3万+
Failed to mount component: template or render function not defined. 问题描述 在引入所需组件时，出现以下错误。 自己猜测大概率是引入名称或者是引入方式出错了。然后就开始试验，果然，问题出在组件的引入方式上了，错误代码如下： <script> export default { data() { ...
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
在Vue.js框架中，`this.$set`是一个用于添加响应式属性的方法，它遵循Vue的依赖追踪机制，确保新添加的属性能够触发视图更新。然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上...
详解Vue.js搭建路由报错 router.map is not a function
10-19
Vue.js 是一款流行的前端JavaScript框架，它提供了便捷的组件化开发模式和强大的状态管理功能。在实际项目开发中，我们常常会用到Vue Router来处理应用的路由管理，以便实现页面间的导航和状态管理。然而，有时候在...
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我...
[Vue warn]: Failed to mount component: template or render function not defined.
qq_44171586的博客
03-18 1289
项目场景： vue项目新建vue文件未书写内容，这是一个非常简单的问题，记录一下 问题描述 [Vue warn]: Failed to mount component: template or render function not defined. 百度发现说我template标签用的不对，发现是我这一分钟新建了一个grade.vue文件，文件内容是空白的 原因分析： 文件内容空白 解决方案： 添加内容...... 很简单的一个报错，over！ ...
vue 报错 Failed to mount component: template or render function not defined.
热门推荐
狂飙骚年
03-25 11万+
报错 改成下面这个样子引用就好使了 可是我不想单个文件引入最后只需要这样就行了 vue-cli脚手架搭建的项目 vue-loader 版本 "vue-loader": "^13.3.0" 解决办法 一种是回退vue-loader到低版本 另一种就是在引用后面添加default 原因是新版本引入组件需要这样引用：const HelloWorld = require(...
Failed to mount component: template or render function not defined.
seimeii的博客
03-16 1419
原因是路由引入时候报错，没有写全路径 然后文件夹下面有相同名称的.vue文件和.js文件 我把本应在<script>标签中的代码拿出来放到了index.js上， 而我在router.js中引入组件时又偷懒了。 因此vue-loader在引入时把index.js当做了入口， 而不是index.vue。 所以就出现了上面这个问题，解决方案很简单，引入组件时加个index.vue就可以了。 > let SeniorCertification = () => > import('.
vue报错 Failed to mount component: template or render function not defined.
qq_46198929的博客
03-20 3690
参照的视频 vue脚手架创建 a.vue <template> <div>a</div> </template> <script> export default {}; </script> <template> <div>b</div> </template> <script> export default {}; </script> <t
Vue warn Failed to mount component: template or render function not defined
没做过产品的后端不是个好前端
07-27 1222
问题如图，造成这类的问题一般有这么几个原因。 代码的拼写问题，当然这是最低级的错误 vue定义的问题，这里我说明两点 在组件内部定义组件时，template 对应的必须是html字符串 引用外部组件时，vue文件必须以template标签开始，如果有注释的话，切记注释内不能出现“<>”标签符号，针对常见的是三种注释做如下解释，如图： 开发过程遇到的坑，记录于此，希望可以和大...
"[Vue warn]: Failed to mount component: template or render function not defined"
lishi9092的博客
06-05 2万+
新搭了个vue项目，谢了几个页面，当添加路由时，发现总是提示错误 "[Vue warn]: Failed to mount component: template or render function not defined"错误的解决 于是找到了两种解决方法 require 路径时 错误： component: require(’…/components/movie/movie.vue’)...
view-router踩坑:[Vue warn]: Failed to mount component: template or render function not defined.
weixin_30609331的博客
12-14 274
最近在学习vue.js啦,学习使用前端路由vue-router的时候遇到了点小问题，webpack dev-server启动工程后， 前端路由出现了匹配的组件的不能挂载的问题： 之后我仔细检查了我的main.js，并阅读了vue-router的相关文档： 发现其实问题很简单，因为现在是多视图同时映射多个vue文件组件的模式了，故而将component改为components...
在IDEA里面写vue-cli时候，遇到[Vue warn]: Failed to mount component: template or render function not defined问题
m0_64053511的博客
02-12 304
1.在components里面建.vue文件的时候，不要建一个后缀为.vue的文件，而是右键——新建——Vue Component，然后改里面的代码即可 具体代码： App.vue的代码： <template> <div> <!--路由占位符--> <router-view/> </div> </template> <script> export default { ...
Vue warn]: Failed to mount component: template or render function not defined.
最新发布
06-19
当在Vue.js中遇到警告"Vue warn]: Failed to mount component: template or render function not defined"时，这通常意味着你在尝试挂载一个组件，但该组件缺少必要的模板（template）或渲染函数（render function）...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值