Can't use this package on browser

I’m trying to use exceljs on browser to read some XLSX files. But, when I tried to import using

import Excel from 'exceljs';

I received an error on build because can’t resolve fs module:

ERROR in ./node_modules/exceljs/dist/es5/csv/csv.js
Module not found: Error: Can't resolve 'fs' in '/my-project/node_modules/exceljs/dist/es5/csv'
ERROR in ./node_modules/exceljs/dist/es5/utils/utils.js
Module not found: Error: Can't resolve 'fs' in '/my-project/node_modules/exceljs/dist/es5/utils'
ERROR in ./node_modules/exceljs/dist/es5/xlsx/xlsx.js
Module not found: Error: Can't resolve 'fs' in '/my-project/node_modules/exceljs/dist/es5/xlsx'
...

Searching about how is the correct way to import on browser, I found this example, and following it I tried importing using

const ExcelJS = require('exceljs/dist/es5/exceljs.browser');

But this command also didn’t work, returning the same errors.

Also I found a related open issue about this problem.

Then… is there a way to import exceljs on browser?

[charllie]

I solved this by adding: declare const ExcelJS: any;

and in angular.json: "scripts": [ ... "node_modules/exceljs/dist/exceljs.min.js" ]

[RRGT19]

Change your import to ExcelJS, like this:

import * as ExcelJS from 'exceljs/dist/exceljs.min.js';

Hi @abmj1979, Thanks, it’s working now. What I didn’t understand is why the line declare const ExcelJS: any; should be there.

Also, why we need to add exceljs.min.js in angular.json if we are already using it as an import in our service.