vue 报错Failed to mount component: template or render function not defined.的解决方法

最新推荐文章于 2024-05-03 22:32:16 发布
最新推荐文章于 2024-05-03 22:32:16 发布
阅读量2.3k 收藏
点赞数 1
分类专栏： vue 前端 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/heyNewbie/article/details/105054488
版权
前端 同时被 2 个专栏收录
37 篇文章 0 订阅
订阅专栏
vue
19 篇文章 0 订阅
订阅专栏

之前的项目都没有问题，结果突然出现这个报错，查阅度娘后发现有大手子们要把vue-loader降低版本来解决，但是我的版本是

别的路径都没有问题，唯独新创建的一个组件有问题

经过阅读这位同学的文章，我尝试去测试了一下，果然问题出现在路由填写上，因为我的写法和他的大致相同

解决办法：

因为在router/index.js文件中，我是用的懒加载的写法，所以把文件后缀.vue跟上就好了

 

heyNewbie
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue.js报错Failed to resolve filter问题的解决方法
10-22
主要介绍了Vue.js报错Failed to resolve filter问题的解决方法,需要的朋友可以参考下
详解Vue.js搭建路由报错 router.map is not a function
10-19
Vue.js 是一款流行的前端JavaScript框架，它提供了便捷的组件化开发模式和强大的状态管理功能。在实际项目开发中，我们常常会用到Vue Router来处理应用的路由管理，以便实现页面间的导航和状态管理。然而，有时候在...
页面报错（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
程邓楠的博客
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
正确解决Failed to mount component: template or render function not defined异常的有效解决方法
最新发布
wbajsjhhhhh的博客
05-03 6684
正确解决Failed to mount component: template or render function not defined异常的有效解决方法
关于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() { ...
Failed to mount component: template or render function not defined.
﹎静如止水﹎的博客
12-28 1245
components文件夹底下有个waterfall-list.vue和waterfall-list.js，引入时，没有注明js还是vue。解决方法：把位置1挪到位置2，报错解决。就是把同名文件分开，或者重新起个名字即可。莫名其妙的报这个错误无从下手，
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
weixin_43120901的博客
06-18 1522
错误原因 错误原因：图1，路由页面引入了@/views/Home/index 因为之前我所有的结构样式行为都是在一个文件，就叫做index.vue，因此引入时我省略了后缀名。 后来我的home下面的index.vue太大我拆成了index.js，index.vue,index.scss，三个文件，如图2，但是路由文件的路径我没有改，还是@/views/Home/index，因此它默认加载了js文件，所以就会报如标题这样的错误。说是没有template之类的。 注意，引入时还是带后缀比较保险。 ...
"[Vue warn]: Failed to mount component: template or render function not defined"错误的解决
annabelle1130的博客
07-16 3002
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...
[Vue warn]: Failed to mount component: template or render function not defined. 错误解决方法
weixin_30652271的博客
07-23 6815
解决方法import Vue from "vue"; 默认引入的文件是 vue/dist/vue.runtime.common.js。这个可以在node_modules/vue/package.json文件里面查到。package文件的main选项指定了默认执行的文件。关键的package.json代码如下： 这个代码说明了 vue.runtime.common.js 文件不含编译器，因此不...
[Vue warn]: Failed to mount component: template or render function not defined.
yang_yue6889的博客
12-15 668
参考：https://www.cnblogs.com/kingjordan/p/12026983.html
Vue报错
clearlovel的博客
04-27 266
经过查资料，反复查证回想改了什么，发现是因为昨天在在哪个页面组件目录（src\views\组件目录）里面新建了个index.js，so，现在这个组件目录下有一个index.vue和index.js，导致路由配置表里面引入组件的时候引入到了index.js没有引入到组件导致报错。1、index.js文件不要放在组件目录下或者改名字，2、路由表配置指定后缀，比如：component: () => import('@/views/subfile/index.vue') 就可以了。浏览器中会出现这种类型的报错。
解决[Vue warn]: Failed to mount component: template or render function not defined.
m012840的博客
10-20 1822
解决[Vue warn]: Failed to mount component: template or render function not defined.
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(...
vue使用echarts错误Failed to mount component: template or render function not defined.
weixin_42981419的博客
01-11 8092
官网：https://github.com/ecomfe/vue-echarts 但是会报错：options": "Error: Component series.pie not exists. Load it first. 更改方案 使用代码 &lt;template&gt; &lt;div id="myChart" :style="{width: '1500px'...
是用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、付费专栏及课程。

余额充值