Issues while upgrading the package for Angular 6++?

[trtin]

Hi,

It's work perfect under v.6. But after moment update to latest version of Angular, issues happen with fs, crypto, stream and Buffer ... seems from Node libraries.

Does anyone have same issues and already solve it, please?

Thanks in advance.

[trtin]

Solved by using /browser instead of /lib ...

But need to be confirmed if its right.

Thanks.

[trtin]

It happens JQc is not defined

any ideas please ?

[smoke]

I am also struggling with that and looking for solutions.

[smoke]

I have some progress and I am working on a PR, but I am having issues.

Meanwhile here is what I found and the current status:

• Angular 6 as described in Can't resolve 'net'/'global' or other node globals angular/angular-cli#9827 (comment) and the PR is refactor(@angular/cli): remove webpack nodeJS globals shimming angular/angular-cli#9812 now requires browser specific builds of npm packages - so that they don't use nodejs specifics e.g. fs, net, etc. - this is why we need to use the browser/xlsx-populate* built files
• there is a proper way using https://docs.npmjs.com/files/package.json#browser to point out the browser specialized built of the package, however due to When "main" matches source and "browser" field set, bundle fails. browserify/browserify#1746 (comment) I am having issues building the package
• in addition the JQc is not defined or in my case ReferenceError: DRc is not defined is caused as pointed here Browser version fails to load XLSX file if cell contains ">" #124 by bug xml2js incorrectly uglified mishoo/UglifyJS#2783 and the browser/xlsx-populate* need to be rebuild with the new version of uglify-js - once done this would solve at least 2-3 opened issues here

[dtjohnson]

Please try with v1.17.0. There is also a non-minified version available now.

[smoke]

I confirm the JQc is not defined problem is fixed with the new version, however I still had to point to the specific version of xlsx-populate that I wanted to use in my tsconfig.app.json like so:

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../out-tsc/app",
    "baseUrl": "./",
    "module": "es2015",
    "types": [],
    "paths": {
      "xlsx-populate": [
        "../node_modules/xlsx-populate/browser/xlsx-populate-no-encryption.min.js"
      ]
    }
  },
  "angularCompilerOptions": {
    "preserveWhitespaces": true
  },
  "exclude": [
    "test.ts",
    "**/*.spec.ts"
  ]
}

[Akxe]

@smoke It solved the problem with angular not compiling, but it did mess up my type declarations :/