当前位置: 首页 > >

webpack2.4.* vue-loader@15.2.4 加载required的时候报错Failed to mount component: template or render funct

发布时间:

场景

. webpack2.4.* vue-loader@15.2.4在Vue.comment使用require的时候报错


注册组件



Vue.component(‘Heading’, require(‘./components/heading.vue’));



报错的内容



Failed to mount component: template or render function not defined.




分析

. 前端框架出错一般都是版本的问题这个也是
. vue-loader@13.* require的使用发生了变化

参考文档

. https://github.com/vuejs/vue-loader/releases/tag/v13.0.0

解决


第一种解决方案 (更新require的用法)



Vue.component(‘Heading’, require(‘./components/heading.vue’).default);



第二种解决方案 (组件注册在Vue实例化的时候)



import Vue from ‘vue’;
import Heading from ‘./components/heading.vue’;
new Vue({
el : ‘#app’,
components : {Heading}
});





友情链接: