在React App中未定义XLSX错误,无法导出到xlsx插件

时间:2019-09-24 19:44:22

标签: reactjs sheetjs

我有一个React应用程序(我是React Noob),我正在尝试实现一个基于sheetjs插件构建的自定义插件。自定义插件本质上是在具有其ID的html表中传递的,并应该生成excel文件。但是当我尝试执行它时,出现以下错误:

  Uncaught ReferenceError: XLSX is not defined
      at HTMLElement._createXlsxFromHtml (customExcelPlugin.js: 220)
      at HTMLElement.export(customExcelPlugin.js: 364)
      at HTMLElement.handler(template-stamp.js:97)
      at _fire(gestures.js: 679)
      at trackForward(gestures.js: 1145)

我安装自定义插件的方式如下:

          npm install http://xxx.yyyy.com/customExcelPlugin.tar.gz --save

插件在React文件中的调用和使用方式如下:

          import '@fieldFile/custom/customExcelPlugin';   


          return (
         <div className="forms">
              {this.placeholder()}
             <customExcelPlugin source="html-table" filename="fromHTML" 
               html-table-id="myTbl"></customExcelPlugin>
               <div>

                <Table id="myTbl">
                    <TableHead>
                        <TableRow>
                            <TableCell>State Name</TableCell>
                            <TableCell>state Description</TableCell>
                            <TableCell>Area code</TableCell>

                        </TableRow>
                    </TableHead>
                    <TableBody>
                    {Object.entries(states).map(([key, state]) =>
                            <TableRow>
                                <TableCell>{state.state_name}</TableCell>
                                <TableCell>{state.state_description} 
                  </TableCell>
                                <TableCell>{state.area_code}</TableCell>
                            </TableRow>
                        )}

                    </TableBody>
                </Table>
            </div>
            </div>

             )

我的问题是-在React应用程序中实现sheetjs插件的任何人都遇到了这个问题吗?如果是这样-您是如何解决的? (我可能还缺少另一个依赖项吗?)

0 个答案:

没有答案