Failed to import model (failed to load occt-import-js)

[GitHubDragonFly]

Hi Viktor.

I went about experimenting and creating a simple online viewer by using the Online 3D Viewer engine.
This viewer can be seen here: https://githubdragonfly.github.io/viewers/templates/Mobile/Quick%20Viewer.html

Its code is available in the repository but narrows down to the following for the import:

 <script src="https://cdn.jsdelivr.net/npm/online-3d-viewer@0.8.22/build/o3dv.min.js"></script>
 <script>
    // Set the external libraries location
    OV.SetExternalLibLocation( 'https://cdn.jsdelivr.net/npm/online-3d-viewer@0.8.22/libs' );

    // Init all the 3d viewer elements.
    OV.Init3DViewerElements();
 </script>

It all seems to be functional apart from the error mentioned in the subject line which is populated in the viewer window.

Firefox browser console shows the following error:
GEThttps://cdn.jsdelivr.net/npm/online-3d-viewer@0.8.22/libs/loaders/occt-import-js-worker.js Not same-origin

Just curious if there is anything you could suggest about making this work.

Thank you.

[kovacsv]

It seems that jsdelivr doesn't provide the right CORS headers. To resolve this, you can host all the JS files in your server.

[GitHubDragonFly]

Thank you.

I will just include occt-import-js in the same manner as in my other viewer.

[CJJ-183]

Hi Viktor.

I went about experimenting and creating a simple online viewer by using the Online 3D Viewer engine. This viewer can be seen here: https://githubdragonfly.github.io/viewers/templates/Mobile/Quick%20Viewer.html

Its code is available in the repository but narrows down to the following for the import:

 <script src="https://cdn.jsdelivr.net/npm/online-3d-viewer@0.8.22/build/o3dv.min.js"></script>
 <script>
    // Set the external libraries location
    OV.SetExternalLibLocation( 'https://cdn.jsdelivr.net/npm/online-3d-viewer@0.8.22/libs' );

    // Init all the 3d viewer elements.
    OV.Init3DViewerElements();
 </script>

It all seems to be functional apart from the error mentioned in the subject line which is populated in the viewer window.

Firefox browser console shows the following error: GEThttps://cdn.jsdelivr.net/npm/online-3d-viewer@0.8.22/libs/loaders/occt-import-js-worker.js Not same-origin

Just curious if there is anything you could suggest about making this work.

Thank you.

The libs folder contains some files, but I don't know them where come from. I do it like this

but it does't work.

[GitHubDragonFly]

@CJJ-183 you should check the code of my viewer here.

At least in my code that line is not necessary any longer (see lines 402-403 in the code). Also, importing OCCT is not required when using version online-3d-viewer@0.15.0 or higher.

[CJJ-183]

[GitHubDragonFly]

@CJJ-183 you might need to try different things.

I am not familiar with REACT but you can try NOT to import those loaders and see if everything will still work.

Maybe try importing "o3dv" only since it should pull "three" in as a part of it. O3DV does not seem to expose "three" and that's why I imported it separately for use in my Quick Viewer.

I was importing those loaders because of the errors I was getting in the web console.

[GitHubDragonFly]

@CJJ-183 there is a simpler way of importing, at least for my code.

This is what my "importmap" looks like now:

    <script type="importmap">
      {
        "imports": {
          "three": "https://cdn.jsdelivr.net/npm/three@0.178.0/build/three.module.min.js",
          "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.178.0/examples/jsm/",
          "three/examples/jsm/": "https://cdn.jsdelivr.net/npm/three@0.178.0/examples/jsm/",
          "fflate": "https://cdn.jsdelivr.net/npm/three@0.178.0/examples/jsm/libs/fflate.module.js",
          "o3dv": "https://cdn.jsdelivr.net/npm/online-3d-viewer@0.16.0"
        }
      }
    </script>