Vue Component-> Export default ... 中未找到答案

【问题标题】：Vue Component- > Export default ... was not found inVue Component-> Export default ... 中未找到
【发布时间】：2021-12-27 10:09:00
【问题描述】：

我想创建一个仪表板作为组件。但我总是在我的 cmd 中得到这个错误

“在“@syncfusion/ej2-vue-layouts”中找不到导出“默认”（导入为“DashboardLayoutComponent”）

有人知道我该如何解决这个问题吗？

【问题讨论】：

请让我们知道这是否发生在 Vue 2 或 Vue 3 项目中。作为参考，下面的链接中附有一个带有 Vue 3 渲染仪表板布局的示例。 codesandbox.io/s/vue-template-forked-i4bt6?file=/src/App.vue 参考以下 UG 链接，开始使用 Vue 3 中的仪表板布局。ej2.syncfusion.com/vue/documentation/dashboard-layout/… 如果问题仍然存在，请分享您的 package.json 代码以进一步处理。

标签： javascript vue.js vue-component syncfusion ej2-syncfusion

【解决方案1】：

根据docs，看来DashboardLayoutComponent 是named export，因此您必须这样导入：

import { DashboardLayoutPlugin } from '@syncfuion/ej2-vue-layouts';

注意{ }。

【讨论】：

【解决方案2】：

vue 组件应该注册到default 例子：

import { ComponentA } from './ComponentA.vue' // if exported as normal
// import ComponentA from './ComponentA.vue' // if exported as default

export default { // component registoring with default
  components: {
    ComponentA
  },
  // code
}

【讨论】：