exceljs: [BUG] Angular 9 support?

“types”: [“node”]. Add this to tsconfig.app.json file. Worked for me.

I added paths in tsconfig.app.json

{
  "compileOnSave": false,
  "compilerOptions": {
  ...
    "paths": {
      "exceljs": [
        "node_modules/exceljs/dist/exceljs.js"
      ]
    }
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "strictInjectionParameters": true
  }
}

“types”: [“node”], funciona, hay que agregar en el archivo tsconfig.app.json

“types”: [“node”]. Add this to tsconfig.app.json file. Worked for me.

this has worked for me.

angular.json

include the following line in script block. “./node_modules/exceljs/dist/exceljs.min.js”

"architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/logistica-oriental-ui",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.app.json",
            "aot": true,
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            "styles": [
              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
              "src/styles.scss"
            ],
            "scripts": [
              "./node_modules/exceljs/dist/exceljs.min.js"
            ]
          }...

package.json

include exceljs and file-saver dependency

 "dependencies": {
    "@angular/animations": "~9.0.2",
    "@angular/cdk": "^9.2.4",
    "@angular/common": "~9.0.2",
    "@angular/compiler": "~9.0.2",
    "@angular/core": "~9.0.2",
    "@angular/forms": "~9.0.2",
    "@angular/material": "^9.2.4",
    "@angular/platform-browser": "~9.0.2",
    "@angular/platform-browser-dynamic": "~9.0.2",
    "@angular/router": "~9.0.2",
    "@fortawesome/angular-fontawesome": "^0.6.1",
    "@fortawesome/fontawesome-svg-core": "^1.2.28",
    "@fortawesome/free-solid-svg-icons": "^5.13.0",
    "dayjs": "^1.8.33",
    "exceljs": "^1.12.0",
    "file-saver": "^2.0.2",
    "rxjs": "~6.5.4",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2"
  },
"devDependencies": {
    "@angular-devkit/build-angular": "^0.1000.5",
    "@angular/cli": "~9.0.3",
    "@angular/compiler-cli": "~9.0.2",
    "@angular/language-service": "~9.0.2",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^12.11.1",
    "codelyzer": "^5.1.2",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "^5.2.2",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~2.1.0",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.2",
    "protractor": "^7.0.0",
    "ts-node": "~8.3.0",
    "tslint": "~5.18.0",
    "typescript": "~3.7.5"
  }

export-excel.service.ts

import the dependencies in the component or service to use.

• declare const ExcelJS: any;
• import * as fs from ‘file-saver’;

import { Injectable } from '@angular/core';

declare const ExcelJS: any;
import * as fs from 'file-saver';

@Injectable({
  providedIn: 'root'
})
export class ExportExcelService {

  constructor() { }

  generateExcel(title: string, headers: string[], data: any) { 
    const workbook = new ExcelJS.Workbook();
    ...
  }

“paths”: { “exceljs”: [ “node_modules/exceljs/dist/exceljs.js” ] }

I’m using now Angular 11.xx.x and using this configuration doesn’t work for me, but I modify it like this, and now it’s working…

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

“types”: [“node”]. Add this to tsconfig.app.json file. Worked for me.

@bhavan0 Please have a look at this link https://github.com/aws-amplify/docs/issues/273 also this https://github.com/exceljs/exceljs/issues/1008