Rhino3dm.js - wasm streaming compile failed

Rhino Developer rhino3dm
#1

Hey there,

I’m trying to recreate this rhino-compute js option, but I’m having trouble with the wasm file. (I’m using my local server)

In my console I’m getting an error saying “wasm streaming compile failed”. I have the file in the same folder as the rhino3dm.js, but no luck. I also tried adding the

Has anyone else had the same issues with wasm and been able to resolve it?

Thanks!

Rhino-compute-js-wasm
Rhino-compute-js-wasm1918×793 70.6 KB

Rhino-compute-wasm-error
Rhino-compute-wasm-error3261×975 380 KB

#2

This is an old thread, but I also got the issue right now. I am just getting started with Javascript, so I don’t know if this is an actual issue or just the result of my lacking experience.
It seems to work fine in a vanilla) node js script.

2020-11-09 08_57_15-rhino_test
2020-11-09 08_57_15-rhino_test751×170 35.1 KB

I am trying to use rhino3dm in combination with Vue.JS, but keep getting the wasm error.

Steps to reproduce the error with a new vue project:

  1. New vue CLI project (command vue-create)
  2. Install rhino3dm (command npm install rhino3dm)
  3. Add sample code for loading rhino3dm from https://github.com/mcneel/rhino3dm/blob/master/docs/javascript/RHINO3DM.JS.md, for example as seen in this screenshot
    2020-11-09 09_10_35-App.vue - rhino_test - Visual Studio Code
    2020-11-09 09_10_35-App.vue - rhino_test - Visual Studio Code797×505 45 KB

    I added it to the mounted method in the App.vue file
  4. Run the project (command npm run serve)

I attached the example project for replicating the error.

Thank you for your help.

Attachment:

#4

It seems to be an issue with Vue and loading web assembly (.wasm)
Suggested solutions are adding a vue.config.js file in combination to ‘wasm-loader’ (https://github.com/vuejs/vue-cli/issues/763), which unfortunately didn’t work for me.

Loading rhino3dm without the node modules works though, I used https://github.com/tserkov/vue-plugin-load-script.

If someone knows a less ‘hacky’ solution that makes use of the node package, I would appreciate it.

1 Like
#5

Could you not load these libs in the index.html?

Gui Talarico has an example here: https://github.com/gtalarico/vue-threejs-rhino-demo

1 Like
#6

This is of course the more obvious and better solution.
I don’t know why I didn’t consider it :smiley:

1 Like