Using JSROOT 7 with modern frontend libraries

Hi,

It’s great to see that JSROOT now uses ES modules in the code. It seems to work fine in the web browser (with script[type="module"]) and also with Node.js but I can’t make it work with TypeScript and Angular.

I am trying to update our setup in Phoenix (HSF/phoenix#422) to adapt to the new JSROOT version but the imports are not working correctly.

1. import { openFile } from 'jsroot/io' doesn’t work because it doesn’t recognize the specified exports in package.json.
2. If I try to import through the package using import { openFile } from 'jsroot/modules/io.mjs', I get the following error.

   Error: Module not found: Error: Package path ./mo/modules/io.mjs is not exported from package D:\Repos\phoenix\node_modules\jsroot (see exports field in D:\Repos\phix\oenix\node_modules\jsroot\package.json)
   

   I get the same error when trying to compile with webpack.
3. Importing the file directly using import { openFile } from '../../../../node_modules/jsroot/modules/io.mjs' gives a lot of errors mainly related to Node.js dependencies like fs, path etc.

Do you have any idea how to make JSROOT 7 work in a TypeScript and Angular setup?

[linev]

@AlbertoPdRF, may be you create new issue?

[AlbertoPdRF]

It’s free, you can get it from https://code.visualstudio.com/