vue Failed to mount component: template or render function not defined 解决办法

在laravel中使用vue是加载一个组件始终提示（与laravel无关）app.js:153241 [Vue warn]: Failed to mount component: template or render function not defined多次尝试得出解决方法如下：require 是 CommonJS 的模块导入方式而组件定义时写的 export default 是 ES6 方式

芥焉丶

4546人浏览 · 2020-05-18 19:32:38

芥焉丶 · 2020-05-18 19:32:38 发布

在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 中 component 用这个会报错
而恰好 vue 的命名视图组件注册用 components 
而合理的用法应该是 require('xxx.vue').default 或是用 import

参考链接：https://weiku.co/blog/41.html 参考链接：https://segmentfault.com/q/1010000011171159

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^