Vue网格布局错误？

Question

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

我有一个“仪表板”组件，在这里我想用网格布局，试图将文件导入时，却收到错误组件 - 即时得到错误：

Failed to mount component: template or render function not defined. found in GridLayout

什么IM做的是进口的组件，然后注册它们：

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';