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