Vue引入@syncfusion/ej2-vue-layouts报default导出未找到错误如何修复
Syncfusion 仪表盘组件导出错误修复方案
"export 'default' (imported as 'DashboardLayoutComponent') was not found in '@syncfusion/ej2-vue-layouts'
排查修复步骤
- 修正导入语法:该组件为具名导出,不支持默认导入,把原有默认导入写法
import DashboardLayoutComponent from '@syncfusion/ej2-vue-layouts'替换为具名导入写法import { DashboardLayoutComponent } from '@syncfusion/ej2-vue-layouts'即可,这是该错误最高发的诱因。 - 验证依赖安装状态:执行
npm ls @syncfusion/ej2-vue-layouts命令检查依赖是否正常安装,若无对应版本输出,执行npm install @syncfusion/ej2-vue-layouts重新安装。 - 匹配Vue版本:确认安装的
@syncfusion/ej2-vue-layouts版本适配你项目的Vue版本,Vue2和Vue3对应的Syncfusion组件包版本不通用,版本错配会出现导出异常。 - 清理缓存重建依赖:删除项目下的node_modules文件夹、package-lock.json(或yarn.lock、pnpm-lock.yaml)锁文件,重新执行
npm install后启动项目验证。 - TypeScript项目额外检查:确认
tsconfig.json中moduleResolution配置值为node,配置异常会导致类型导出识别失败。
内容的提问来源于stack exchange,提问作者user17427032
相关产品推荐
相关产品推荐

