Vue网格布局错误？

Question

我正在尝试使用 Vue 网格布局：https://github.com/jbaysolutions/vue-grid-layout 在我的应用程序中（使用 Vue2）

我有一个“仪表板”组件，我想在其中使用网格布局，但是在尝试将文件导入组件时出错 - 我得到了错误：

未能安装组件：模板或渲染功能未定义。在 GridLayout 中找到

我正在做的是导入组件然后注册它们：

import GridLayout from 'vue-grid-layout';
import GridItem from 'vue-grid-layout';

然后注册：

components: {
      "GridLayout": GridLayout,
      "GridItem": GridItem
    }

任何想法为什么这不起作用？

Answer 1

您尝试从该包中导入两个不同的命名导出。这需要不同的语法：

import { GridLayout } from 'vue-grid-layout';
import { GridItem } from 'vue-grid-layout';