当前位置: 代码迷 >> 综合 >> vue Failed to mount component: template or render function not defined 解决办法
  详细解决方案

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

热度:74   发布时间:2023-12-05 08:10:25.0

在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

  相关解决方案