Javascript [Vue warn]：无法解析异步组件：datatables和nuxt js

我正在用“SCUTUM”管理模板和numxt.js开发一个管理面板。 当我尝试在模板中使用datatables组件时，控制台中会出现以下错误。组件由模板提供程序生成。我用它作为他们给出的例子

[Vue warn]: Failed to resolve async component: function Datatable() {
  return Promise.all(/*! import() */[__webpack_require__.e(0), __webpack_require__.e(1)]).then(__webpack_require__.bind(null, /*! ~/components/datatables/Datatables */ "./components/datatables/Datatables.vue"));
}
Reason: TypeError: Cannot read property 'display' of undefined

这是什么原因

这是我的密码

讲师名单
const rows=require（“~/data/pages/datatables.json”）；
从“@/components/card/”导入ScCard；
从“@/components/card”导入{ScCardTitle、ScCardBody、ScCardHeader}
导出默认值{
姓名：'讲师'，
组成部分：{
Datatable:（）=>import（“~/components/datatables/datatables”），
ScCard，
ScCardTitle，
ScCardHeader，
ScCardBody
},
数据：（）=>({
dtDData:JSON.parse（JSON.stringify（rows）），
数据掺杂：{
按钮：[
{
扩展：“复制HTML5”，
类名：“sc按钮”，
文本：“复制”
},
{
扩展：“csvHtml5”，
类名：“sc按钮”，
文本：“CSV”
},
{
扩展：“卓越HTML5”，
类名：“sc按钮”，
文本：“Excel”
},
{
扩展：“pdfHtml5”，
类名：“sc按钮sc按钮图标”，
文本：“”
},
{
扩展：“打印”，
类名：“sc按钮sc按钮图标”，
文本：“”，
标题：“自定义标题”，
messageTop:'顶部的自定义消息'，
messageBottom:'底部自定义消息'，
自动打印：正确
}
]
}
}),
挂载（）{
这个.$nextTick（（）=>{
})
},
方法：{
DTButton初始化（）{
//将按钮附加到自定义容器
此.$refs.buttonsTable.$dt.buttons（）.container（）.appendTo（document.getElementById（'sc-dt-buttons'））
},
}
}