Error with using jsroot

zhangmohan · April 1, 2022, 12:49am

ROOT Version: JSROOT dev

Hello，
I want to use ROOTJS version dev with but recently it cannot work.

I used like：

And the browser is Microsoft Edge version 99.0.1150.55 (64 bit)
It turns waring like：
"
JSRoot.core.js:300
Uncaught (in promise) TypeError: Failed to resolve module specifier ‘…/modules/core.mjs’. The base URL is about:blank because import() is called from a CORS-cross-origin script.
at JSRoot.core.js:300:21
at JSRoot.core.js:3:77
at JSRoot.core.js:5:3
"
I can use JSROOT version 6.3.4 with successfully. But TMultrGraph_3d seems not supported in this version(6.3.4)？

couet · April 1, 2022, 6:32am

I think @linev can help you.

linev · April 1, 2022, 7:06am

Hi,

In current dev version many changes were done, therefore some application may not yet work.
Are you using https://root.cern/js/dev/? Please try https://jsroot.gsi.de/dev/.
And we will try to solve problem with root.cern website.

Regards,
Sergey

linev · April 1, 2022, 7:38am

We also update root.cern/js/ website. Can you check it as well?

linev · April 1, 2022, 8:14am

If none is working, try:

<script src="https://root.cern/js/dev/scripts/JSRoot.core.js" type="text/javascript" crossorigin="anonymous"></script>

Here new is crossorigin="anonymous", for some reason it is important now.

Also - for dev version one can directly use modules.
See how it can be used now here:

github.com

root-project/jsroot/blob/master/demo/read_file.htm

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>Reading object from the ROOT file</title>
   </head>
   <body>
      <div id="drawing" style="width:800px; height:600px"></div>
   </body>
   <script type='module'>
      import { openFile, draw } from '../modules/main.mjs';
      let file = await openFile("../../files/hsimple.root");
      let obj = await file.readObject("hpxpy;1");
      draw("drawing", obj, "colz");
   </script>
</html>

And updated docu:

github.com

root-project/jsroot/blob/master/docs/JSROOT.md#jsroot-api

# JavaScript ROOT

The JSROOT project allows:
   - reading of binary and JSON ROOT files in JavaScript;
   - drawing of different ROOT classes in web browsers;
   - reading and drawing TTree data;
   - using in node.js.


## Installing JSROOT

In most practical cases it is not necessary to install JSROOT - it can be used directly from project web sites <https://root.cern/js/> and <https://jsroot.gsi.de/>.

When required, there are following alternatives to install JSROOT on other web servers:

   - download and unpack [provided](https://github.com/root-project/jsroot/releases) packages (recommended)
   - use [npm](https://npmjs.com/package/jsroot) package manager and invoke `npm install jsroot`
   - clone master branch from [repository](https://github.com/root-project/jsroot/)

One could use JSROOT directly from local file system. If source code was unpacked/checked-out in `/home/user/jsroot/` subfolder, one could just open it in browser with <file:///home/user/jsroot/index.htm> address.

This file has been truncated. show original

zhangmohan · April 2, 2022, 1:02am

Thanks！
This “crossorigin=“anonymous”” works well！

system · April 16, 2022, 1:02am

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.