Vue.js Vue网格布局错误？

我正在尝试使用Vue网格布局： 在我的应用程序中（使用Vue2）

我有一个“dashboard”组件，我想在其中使用网格布局，但是在尝试将文件导入该组件时出现错误-我收到错误：

未能装入组件：未定义模板或渲染函数。在GridLayout中找到

我所做的是导入组件，然后注册它们：

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

然后注册：

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

---

你知道为什么这不起作用吗

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

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

---

我解决了这个问题，必须执行以下操作：从“vue网格布局”导入VueGrid布局；var GridLayout=VueGridLayout.GridLayout；var GridItem=VueGridLayout.GridItem；