Vuejs2 Vue.component构造引发错误，直到添加了“.default”键

在@vue/cli 4和vuejs 2.6.10应用程序中，尝试将组件与命令一起使用：

Vue.component('listing-header', require('../../../src/components/ListingHeader.vue'))

我得到控制台错误：

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

在网上搜索后，我发现它可以通过以下方式进行修复：

Vue.component('listing-header', require('../../../src/components/ListingHeader.vue').default)

我想知道这里的“.default”是什么？

请参阅网页

我们需要默认设置的原因是，由于webpack 4，在导入CommonJS模块时，导入将不再解析为module.exports的值，而是为CommonJS模块创建一个人工名称空间对象

import promise resolve是一个对象，包含模块的导出作为密钥。通过使用.default，您正在访问模块的默认导出