Incompatibility with angular 10

You want to:

• report a bug
• request a feature

Current behaviour

Error in console after upgrading to Angular 10. It says TypeError: Cannot assign to read only property 'exports' of object '#<Object>'. Errors goes deep to debug dependency.

Downgrading to version 1.7.4 helps. Downgrading within version 2 doesn’t help.

Steps to reproduce

• Having angular 9 app with installed socket.io-client. Everything works ok.
• Upgrade angular to version 10.
• Get an error in console. Page in browser is blank.

Expected behaviour

Everything should work as it worked before in angular 9.

Setup

• OS: Ubuntu 20.04
• browser: Chromium 83.0.4103.61
• socket.io-client version: 2.0.0 - 2.3.0 affected, 1.7.4 works ok

Minimal reproduce example

https://stackblitz.com/edit/angular-ivy-qzhmby?file=package.json

I’m facing another issue here (Import error, can't find file: ./common), but I believe they have the same root, because downgrading to 1.7.4 also helps.

[alcfeoh]

+1, I have that same problem. This has to do with CommonJS exports syntax vs ES Modules syntax (as explained here: https://flaviocopes.com/cannot-assign-readonly-property-export/). Any chance socket.io could use the modern ES Modules syntax?

[depyronick]

@jeremylcarter nvm about it, its hard to maintain.

instead i added socket.io.js which socket.io server provides like at https://domain.ltd/socket.io/socket.io.js to index.html and put declare var io; to the place i had to import socket.io-client.