vue突然报错 Failed to mount component: template or render function not defined.

最新推荐文章于 2022-08-31 15:08:46 发布
最新推荐文章于 2022-08-31 15:08:46 发布
阅读量880 收藏
点赞数
分类专栏： template未定义 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fly_vip/article/details/107387514
版权

昨天临走时，运行时可以的，第二天来就报错，无奈

现象描述：只有一个页面是这种情况，比如是A页面，先打开A页面后，其他页面一律不能用，显示空白；若先打开B页面，则可以正常使用，再打开A页面，得，全部页面不能用

首先排除是其他页面造成得原因，单独测试A页面，笨办法一点点测试，最后都修改为原文件，还是报错

那就不是修改代码得问题了，继续百度，最后找到了原因

router文件中compent组件调用得文件没有后缀名，我去，，，很尴尬，同样名称得文件有js，vue文件，同时存在的话，会默认加载js文件啊，那肯定报错，增加文件后缀名

完美搞定，耽误了一个多小时的时间

 

 

fly_vip
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue.js报错Failed to resolve filter问题的解决方法
10-22
在使用Vue.js进行前端开发时，开发者经常会遇到各种问题，其中一个比较常见的问题就是关于过滤器（filter）的错误。当在控制台发现报错信息"Failed to resolve filter:HomePage"时，可能会引起困惑，因为这可能指向...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue 使用swiper的时候报 [Vue warn]: Failed to mount component: template or render function not d
jjw_zyfx的博客
06-19 537
想使用swiper6要看清楚swiper官网的第一句 也就是说6支持的vue版本是3，vue2 是不能使用的
uniapp：[Vue warn]: Failed to mount component: template or render function not defined. found in
孙不坚1208
08-12 1969
在uniapp 项目中，自定义组件，引入并使用自定义组件时出现了该报错， 解决方案： 当我仔细检查，原来是自定义组件时，命名时将"=“等于号写成了”："冒号. 创建自定义组件 <template name="组件名称"> <view>这是一个自定义组件</view> </template> <script> export default { name: "组件名称", //属性
Failed to mount component: template or render function not defined
胡聊前端的博客
01-29 1042
在vue中，每一个组件都是一个实例。如果我们想渲染一个组件，则必须为组件提供html。方式有三： template的形式，这是最常用的方式。 提供el属性进行挂载，那么el内部（包含el本身）将作为模板。 手写render函数 其实最终的目的都是为了生成vnode，并最终放入到页面中。否则折腾半天，图个啥… 所以这个报错的意思是，你可能没有提供上述的任何一种方式，却想要渲染页面… 引起这个问题还有一种可能是vue-router中，你配置了路由需要加载的组件，但在组件中什么也没有。或者你导出组件的inde
[Vue warn]: Failed to mount component: template or render function not defined. found in
cv1002420186的博客
08-31 1535
填坑，修bug
Failed to mount component: template or render function not defined. (found in root instance)
qq_30091939的博客
10-14 3615
尚未找到，bug的解决方法
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: ...
报错 Failed to mount component: template or render function not defined. found in
weixin_59519449的博客
06-14 1696
由于当时页面里边是空的，在跳转的页面里，进行填写内容解决即可！！！
[Vue warn]: Failed to mount component: template or render function not defined. (found in root insta
出埃及记
08-09 3620
在开始一个新的项目的时候报了个错 [Vue warn]: Failed to mount component: template or render function not defined. (found in root insta new Vue({ el: '#app', router, template: '', components: { App } }) 我
页面报错（01）Failed to mount component: template or render function not defined.
dugujiuding的博客
10-17 5万+
[Vue warn]: failed to mount component: template or render function not defined.
Vue 报错Failed to mount component: template or render function not defined
qq_42931285的博客
07-17 1057
Vue 报错Failed to mount component: template or render function not defined
vue项目开发中的问题：Failed to mount component: template or render function not defined.
yhl_nsd的博客
04-24 2093
1.错误提示 vue.runtime.esm.js?2b0e:619 [Vue warn]: Failed to mount component: template or render function not defined. found in ---> <Anonymous> <App> at src/App.vue <Root> 2.解决方法 将这种引入方法修改为以下这种就好了 ...
[Vue warn]: Failed to mount component: template or render function not defined.
qq_30091939的博客
10-14 4808
1.[Vue warn]: Failed to mount component: template or render function not defined. 2.Getting error configuration.resolve.extensions[0] should not be empty 两个报错连环 运行vue项目时候在出现报错：内容是 [Vue warn]: Failed...
Failed to mount component: template or render function not defined.
zhongqing1995的博客
01-07 234
昨天写好的代码.第二天运行时报错了 Failed to mount component: template or render function not defined. 翻译为模板或渲染函数未定义 后找到报错原因 代码如下 import ReiInformation from ‘././domestic/reiInformation’ 在引入组件时未加组件后缀.vue import ReiInformation from ‘././domestic/reiInformation.vue’ 加上.vue后就
vue报错最常见可能：Failed to mount component: template or render function not defined.
qq_43054210的博客
11-23 5938
在练习使用vue的时候发现了，创建了新的**.vue**视图文件，也有添加template但是启动项目后报错Failed to mount component: template or render function not defined.，阅读资料后三种可能： 1、路径写错 2、版本问题，有人说降低vue-loader版本，据说该同学是在 router/index.js下引入时采用懒加载写法，只需将后缀 .vue 补上即可 3、 加载问题（个人解决方案）：个人以上问题均无，报错后，将整个文件删除重新粘贴
"[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’)...
"[Vue warn]: Failed to mount component: template or render function not defined"错误的解决
annabelle1130的博客
07-16 3011
VUE中动态路由出错： e.esm.js?a026:591 [Vue warn]: Failed to mount component: template or render function not defined. found in ---> <Anonymous> <ElCard> <ElTabPane> <ElTabs> <Ma...
【052】Failed to mount component: template or render function not defined. 错误的解决方法
热门推荐
zhangchao19890805的专栏
11-27 14万+
Vue.js 2 遇到 vue.runtime.common.js?d43f:511 [Vue warn]: Failed to mount component: template or render function not defined. (found in root instance) 错误的解决方法。问题描述：先说一下每个文件的内容
是用vue-waterfall2报错Failed to mount component: template or render function not defined.
最新发布
04-03
vue-waterfall2是一个基于Vue.js的瀑布流布局组件，报错"Failed to mount component: template or render function not defined"通常是由于以下几个原因引起的： 1. 组件未正确引入：请确保已正确引入vue-waterfall...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值