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

最新推荐文章于 2022-03-21 16:04:55 发布
最新推荐文章于 2022-03-21 16:04:55 发布
阅读量1.1k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： Vue 文章标签： vue warn vue vue报错 Failed to mount component
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_29716595/article/details/99625709
本文讲述了在Vue项目中，由于在test文件夹放置了同名js文件导致的路由引用错误问题。作者建议避免在该目录下存放js文件，遵循vue-cli规范结构，通过修改文件名或在引用时指定后缀来解决此问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

以前写vue没怎么注意，今天写个例子时，我在 test 文件夹中新建了一个test.js文件(建议不要放这里)，这种把同名的js文件也放在里面，会报错误。因为在路由中去引用的时候，如果没加后缀，会引用到这个js文件，所以建议大家别把js文件放在这里，还是去用vue-cli本身的规范结构。
情况如下：
在这里插入图片描述 在这里插入图片描述
此时我的结构中有同名的文件 test, 文件类型不一样。
console中报错：
在这里插入图片描述
解决办法：

  1. 修改其中一个文件名；
  2. 在路由中引用的时候加上后缀名： import Test from ‘…/view/test/test.vue’
vue 报Failed to mount component: template or render function not defined.
全易
12-24 357
如果使用require()引入页面文件的话，要加.default。 { path: 'home', name: 'Home', component: require("@/pages/home").default, meta:{ title: '首页', id:"0" } },
正确解决Failed to mount component: template or render function not defined异常的有效解决方法
wbajsjhhhhh的博客
05-03 8311
正确解决Failed to mount component: template or render function not defined异常的有效解决方法
Vue warn Failed to mount component: template or render function not defined
没做过产品的后端不是个好前端
07-27 1297
问题如图，造成这类的问题一般有这么几个原因。 代码的拼写问题，当然这是最低级的错误 vue定义的问题，这里我说明两点 在组件内部定义组件时，template 对应的必须是html字符串 引用外部组件时，vue文件必须以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() { ...
uniapp运行app[ERROR] : [Vue warn]: Failed to mount component: template or render function not defined.
xxx
03-21 2665
报错 15:36:03.315 [ERROR] : [Vue warn]: Failed to mount component: template or render function not defined. 15:36:03.316 (found at App.vue:1) __ERROR 在main.js中加上App.mpType = ‘app’;
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.
06-19
当在Vue.js中遇到警告"Vue warn]: Failed to mount component: template or render function not defined"时，这通常意味着你在尝试挂载一个组件，但该组件缺少必要的模板（template）或渲染函数（render function）...
vue.esm.js:5126 [Vue warn]: Failed to mount component: template or render function not defined.
07-13
在Vue项目中，当你看到 "[Vue warn]: Failed to mount component: template or render function not defined." 这样的警告，这通常意味着你尝试挂载的组件缺乏必要的模板或渲染函数。以下是一些可能的原因和解决方案...
vue.runtime.esm.js:572 [Vue warn]: Failed to mount component: template or render function not defined.
12-29
根据提供的引用内容，报错信息"vue.runtime.esm.js:572 [Vue warn]: Failed to mount component: template or render function not defined"表示在组件中没有定义模板或渲染函数。这可能是由于以下原因导致的： 1. ...
vue2 AppMain组件偶尔报错[Vue warn]: Failed to mount component: template or render function not defined.
最新发布
11-20
在 Vue.js 中，当 `AppMain` 组件偶尔报这个错误 `[Vue warn]: Failed to mount component: template or render function not defined`，通常意味着你在尝试挂载的组件中没有找到有效的模板（template）或者渲染函数...
vue报错 Failed to mount component: template or render function not defined.
qq_46198929的博客
03-20 3836
参照的视频 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
weixin_43130844的博客
03-16 2205
在使用VUE的过程中有可能会遇到这样的提示： “Failed to mount component: template or render function not defined”，提示挂载组件失败，原因可能是： 模板文件有问题——可检查代码查找问题； vue-router方面的问题——可检查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.
Vue2+Webpack报错：Failed to mount component: template or render function not defined.
jCuckoo的专栏
02-22 2万+
需要在webpack.config.js文件中添加以下配置： resolve: { /** * Vue v2.x之后NPM Package默认设置只会生成runtime-only 版本，若要使用standalone功能則需如下设置 * 否则会报错：Failed to mount component: template or render fun
view-router踩坑:[Vue warn]: Failed to mount component: template or render function not defined.
weixin_30609331的博客
12-14 323
最近在学习vue.js啦,学习使用前端路由vue-router的时候遇到了点小问题，webpack dev-server启动工程后， 前端路由出现了匹配的组件的不能挂载的问题： 之后我仔细检查了我的main.js，并阅读了vue-router的相关文档： 发现其实问题很简单，因为现在是多视图同时映射多个vue文件组件的模式了，故而将component改为components...
《Vue2 报错》Failed to mount component: template or render function not defined.
前端技术
07-12 792
我的错误是没有 <template>标签，因为不需要界面就写成如下。开发环境报错，但mounted中代码也运行。且项目编译不通过。。。 <script> export default { mounted () { // TODO } } </script> 正确如下： <template> </template> <script> export default { mounted (..
运行报错：[Vue warn]: Failed to mount component: template or render function not defined.
CheyBen的博客
11-19 3842
昨天项目跑起来没问题，今天重新跑，就报错了，具体如下： 报错提示：template或渲染函数未被定义 出现问题的路由引入路径以及文件目录： 起因：由于该组件中存在index.vue， index.less， index.js三个同名不同类型文件，而index.js是作为index.vue的逻辑代码存在，而路由文件中通过 component: () => import(...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值