升级到 Angular 10 次中断 ExcelJs

Question

我刚刚使用 ng update 将我的应用程序从最新版本 9 升级到 angular 10。我知道有重大变化，并且在大多数情况下它升级得很好，但是我目前从 exceljs 收到错误消息：

"export 'Workbook' (imported as 'Excel') was not found in 'exceljs/dist/exceljs'

升级之前，它使用的是 exceljs 版本 2.0.1。现在它正在使用 exceljs 4.0.1。（它是最新版本之前的一个版本，因为由于选项参数被标记为必需而导致无法在最新版本中编译的错误。这无关紧要。）

导入语句如下：

import * as Excel from "exceljs/dist/exceljs";

代码本身对于 exceljs 来说非常典型。我有一个提供数据的服务：HttpResponse，我将它加载到工作簿中，以便我可以提取一些列。

this.myService.getMySpreadsheet().subscribe((data: HttpResponse<Blob>) => {
      new Response(data.body).arrayBuffer().then(arrayBuffer => {
        const wb: Excel.Workbook = new Excel.Workbook();
        wb.xlsx.load(arrayBuffer).then(() => {

          const ws1 = wb.getWorksheet("My Worksheet");

但它现在甚至无法获取该代码，因为 angular 编译已损坏。

知道如何解决这个问题吗？我需要添加某种向后兼容性标志吗？

Answer 1

我得到 exceljs 与 agnular 10 一起使用 tsconfig.app.json 设置，请注意 compilerOptions 下的 paths 和 types 属性 -

{
  "extends": "./tsconfig.base.json",
  "compilerOptions": {
    "outDir": "./out-tsc/app",
    "paths": {
     "exceljs": [
       "node_modules/exceljs/dist/exceljs.min"
     ]
   },
    "types": ["node"],
  },
  "files": [
    "src/main.ts",
    "src/polyfills.ts"
  ],
  "include": [
    "src/**/*.d.ts"
  ]
}

然后您可以导入 Workbook 并创建如下工作表 -

import { Workbook } from 'exceljs';
....
let workbook = new Workbook();
let worksheet = workbook.addWorksheet('Sample sheet');

请检查工作sample app here

升级到 Angular 10 次中断 ExcelJs

Upgrading to Angular 10 breaks ExcelJs

exceljs

angular