记一次spreadjs导入@grapecity/spread-sheets-designer的报错

导入

import '@grapecity/spread-sheets/styles/gc.spread.sheets.excel2013white.css'
import '@grapecity/spread-sheets-designer/styles/gc.spread.sheets.designer.min.css'
import \* as GC from '@grapecity/spread-sheets'
import '@grapecity/spread-sheets-designer'
import '@grapecity/spread-sheets-resources-zh'
import '@grapecity/spread-sheets-designer-resources-cn'
GC.Spread.Common.CultureManager.culture('zh-cn')

初始化

 const designer = new GC.Spread.Sheets.Designer.Designer(
         document.getElementById('gc-designer-host')
       )
       

结果页面一直报错

百思不解，报错是为何。

于是建新项目，一个个试，最后发现是导入顺序问题 '@grapecity/spread-sheets-designer'必须在'@grapecity/spread-sheets-designer-resources-cn'之后，所以，正确的导入书序为：

所以依赖包正确的导入顺序为

 import '@grapecity/spread-sheets/styles/gc.spread.sheets.excel2013white.css'
  import '@grapecity/spread-sheets-designer/styles/gc.spread.sheets.designer.min.css'
  import * as GC from '@grapecity/spread-sheets'
  import '@grapecity/spread-sheets-resources-zh'
  import '@grapecity/spread-sheets-designer-resources-cn'
  GC.Spread.Common.CultureManager.culture('zh-cn')
  import '@grapecity/spread-sheets-designer'