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

9月前作者：前端辣么菜分类：Toy博客阅读(50) 违法举报

这篇具有很好参考价值的文章主要介绍了[Vue warn]: Failed to mount component: template or render function not defined.报错解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

今天突然项目遇到这个报错
[Vue warn]: Failed to mount component: template or render function not defined.报错解决

网上这种错误可能由不同原因导致的，最后发现我这边报这个错是因为文件我路由引入组件时候没有写后缀xxx.vue，我没写.vue, 此时刚好这个路由下有个同名的js文件，那么由于我这边配置 js文件匹配优先级高就会导致加载路由失败，页面没有出来，渲染失败。

如我的文件：
SmartCampusServices文件名一样
[Vue warn]: Failed to mount component: template or render function not defined.报错解决

但是我的路由：
没有写后缀
[Vue warn]: Failed to mount component: template or render function not defined.报错解决
而我的webpack配置优先找js

就导致了报错。

解决：

加上.vue后缀或者js换个名称啦。文章来源地址https://www.toymoban.com/news/detail-515301.html

到了这里，关于[Vue warn]: Failed to mount component: template or render function not defined.报错解决的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

Vue安装时报错Failed to download repo vuejs-templates/webpack-simple: connect ETIMEDOUT............

Vue安装时报错Failed to download repo vuejs-templates/webpack-simple: connect ETIMEDOUT… 情况： vue 命令初始项目文件时，输入vue init webpack project-name 命令时，终端长时间停留在 download template… 字段上，最终出现下面的错误信息 Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT xxxx:443或者

2024年02月03日
浏览(47)
[Vue warn]: Avoid adding reactive properties to a Vue instance or its root $data at runtime - declar

报错详情图： [Vue warn]: Avoid adding reactive properties to a Vue instance or its root $data at runtime - declare it upfront in the data option. 大概意思就是说避免在运行时向Vue实例或其根$data添加反应性属性-在数据选项中预先声明它。他让我们在$data添加属性，我们就进行添加可以先在按钮里面定

2024年02月13日
浏览(50)
【Vue3】引入组件Failed to resolve component: MyButton If this is a native custom element

引入组件时页面上并没有出现组件的影子，其他元素正常，初步确定是组件引入部分语法出了问题，打开开发者工具看到控制台报出错误代码：翻译搜到了博主们提供的一些方法比如：组件的script标签没有添加 setup 引入的时候加了大括号之类的，这种情况很显然不会报出这

2024年02月09日
浏览(39)
看不懂来打我，vue3如何将template编译成render函数

在之前的通过debug搞清楚.vue文件怎么变成.js文件文章中我们讲过了vue文件是如何编译成js文件，通过那篇文章我们知道了，template编译为render函数底层就是调用了 @vue/compiler-sfc 包暴露出来的 compileTemplate 函数。由于文章篇幅有限，我们没有去深入探索 compileTemplate 函数是如何

2024年04月11日
浏览(41)
【已解决】 Unable to attach or mount volumes: unmounted volumes

安装nfs-provide-client的时候pod 一直不能启动，报错Unable to attach or mount volumes: wrong fs type, wrong fs type, bad option ？？先找了个客户端挂载，试了下，发现是可以写入到nfs-server的挂载路径的但是安装的nfs-provider却启动不来然后发现是要挂载NFS的客户端【就是node 节点】没有安

2024年02月12日
浏览(43)
Vue3报错：Failed to resolve component: xx If this is a native custom element, make sure to exclude it f

Vue3报错：Failed to resolve component: xxx If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 翻译：无法解析组件:xxx 如果这是本机自定义元素，请确保通过compiler Options.is Custom Element将其从组件解析中排除。网上找了很多博客，都没有解决

2024年02月12日
浏览(39)
前端开发：Vue3提示警告Failed to resolve component：XXX If this is a native custom element… 的解决方法

在前端开发中使用Vue的开发者都知道，Vue目前已经以Vue3.0为基础版本了，也就是说Vue3.0已经成为主流版本了。还在只用Vue2.0开发没有使用Vue3.0的开发者要注意了，要抓紧时间熟悉和了解Vue3以上的相关语法和知识点了，迫在眉急。本篇博文来分享一下，关于在使用Vue3的时候遇

2024年02月11日
浏览(43)
$报错：[plugin:vite:import-analysis] Failed to resolve import “axios“ from “src\components\Main.vue“. Do$

报错：[plugin:vite:import-analysis] Failed to resolve import “axios“ from “src\components\Main.vue“. Do

这个错误通常表示您的代码中缺少axios库或者它没有被正确引入。您可以按照以下步骤解决问题：确认您已经安装了axios库。您可以在终端中使用以下命令来安装axios：确认您已经正确引入axios库。在您的组件中，您需要使用以下方式来引入axios库：确认您的路径是否正确

2024年02月07日
浏览(52)
问题记录：A component with async setup()must be nested in a in order to be rendered.

setup function returned a promise, but no boundary was found in the parent component tree. A component with async setup() must be nested in a in order to be rendered. 翻译： setup函数返回了一个promise，但没有边界在父组件树中找到。具有异步setup（）的组件必须嵌套在中才能呈现。如果使用script setup，可以在顶部

2024年02月15日
浏览(37)
vue3+vite项目，安装依赖运行报错“failed to load config from xxx，TypeError: vite.createFilter is not a function”

今天从GitHub上拉下来了一个 vue3+vite 项目，之前就是安装依赖就可以运行了，但是今天一直报错，显示 TypeError: vite.createFilter is not a function vite版本与安装的依赖版本不匹配近期vite3发布，但我们使用的还是v2，所以安装依赖的时候默认安装的是最新版本，这

2024年02月21日
浏览(57)