Failed to mount component: template or render function not defined

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

在vue中，每一个组件都是一个实例。如果我们想渲染一个组件，则必须为组件提供html。方式有三：

  1. template的形式，这是最常用的方式。
  2. 提供el属性进行挂载，那么el内部（包含el本身）将作为模板。
  3. 手写render函数

其实最终的目的都是为了生成vnode，并最终放入到页面中。否则折腾半天，图个啥…

所以这个报错的意思是，你可能没有提供上述的任何一种方式，却想要渲染页面…

引起这个问题还有一种可能是vue-router中，你配置了路由需要加载的组件，但在组件中什么也没有。或者你导出组件的index.js并未导出任何内容…

胡聊前端
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决koa2 ctx.render is not a function报错问题
10-18
主要介绍了解决koa2 ctx.render is not a function报错问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
页面报错（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_43054210的博客
11-23 5826
在练习使用vue的时候发现了，创建了新的**.vue**视图文件，也有添加template但是启动项目后报错Failed to mount component: template or render function not defined.，阅读资料后三种可能： 1、路径写错 2、版本问题，有人说降低vue-loader版本，据说该同学是在 router/index.js下引入时采用懒加载写法，只需将后缀 .vue 补上即可 3、 加载问题（个人解决方案）：个人以上问题均无，报错后，将整个文件删除重新粘贴
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 报错 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(...
【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深入解析之render function code详解
08-29
vue对大家来说应该再熟悉不过了，下面这篇文章主要给大家深入的解析了vue之render function code的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
react-web-component:使用React创建Web组件
05-23
React Web组件 使用React创建Web组件 安装 React Web组件可作为npm上的react-web-component软件包使用。 yarn add react-web-component ... render ( ) { return < div> Hello World! < / div > ; } } ReactW
renderdoc-rs：Rust的RenderDoc应用程序绑定
02-04
renderdoc-rs：Rust的RenderDoc应用程序绑定
Failed to mount component: template or render function not defined.
weixin_44986077的博客
11-10 748
今天遇到一个问题，在vue脚手架2.0搭建的项目由于用单独的文件一页代码太多拆成html,css,js三个文件，但是报错了，报错信息如下Failed to mount component: template or render function not defined.，上网搜了很多原因，其实解决报错的办法很简单，只是js文件重名了，把index.js文件的名字改一下就可以了 ...
vue Failed to mount component: template or render function not defined 解决办法
芥焉丶丶的博客
05-18 4472
在laravel中使用vue是加载一个组件始终提示（与laravel无关） app.js:153241 [Vue warn]: Failed to mount component: template or render function not defined 多次尝试得出解决方法如下： require 是 CommonJS 的模块导入方式 而组件定义时写的 export default 是 ES6 方式 因此require 导入的结果其实是一个含 default 属性的对象 所以 vue 中 comp
vue报错 Failed to mount component: template or render function not defined.
qq_46198929的博客
03-20 3575
参照的视频 vue脚手架创建 a.vue <template> <div>a</div> </template> <script> export default {}; </script> <template> <div>b</div> </template> <script> export default {}; </script> <t
路由配置报错：Failed to mount component: template or render function not defined
纸上得来终觉浅
12-18 1762
在electron-vue 项目中配置路由过程中,引入发现： component: require('../view/home/HomeView'), 报错：Failed to mount component: template or render function not defined 先来解决报错： 尝试了两种方式都可以解决： import 方式 const mailDial = () => import('../view/Main/Addressbook/mail-dial');
uniapp：[Vue warn]: Failed to mount component: template or render function not defined. found in
孙不坚1208
08-12 1861
在uniapp 项目中，自定义组件，引入并使用自定义组件时出现了该报错， 解决方案： 当我仔细检查，原来是自定义组件时，命名时将"=“等于号写成了”："冒号. 创建自定义组件 <template name="组件名称"> <view>这是一个自定义组件</view> </template> <script> export default { name: "组件名称", //属性
《Vue2 报错》Failed to mount component: template or render function not defined.
前端技术
07-12 577
我的错误是没有 <template>标签，因为不需要界面就写成如下。开发环境报错，但mounted中代码也运行。且项目编译不通过。。。 <script> export default { mounted () { // TODO } } </script> 正确如下： <template> </template> <script> export default { mounted (..

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值