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}
});