error when loading a mesh with ros3djs

edit

I am trying to load a .stl 3d model of a drone in a html page using Javascript and ros3djs as follow :

 const mesh = new ROS3D.MeshResource({
      resource: 'models/3d-model-drone/octo-asm.stl',
      path: 'ws://localhost:9090/',
      warnings: true
  });

but I keep getting this object as error:

error
​bubbles: false
​cancelBubble: false
​cancelable: false
​composed: false
​currentTarget: null
​defaultPrevented: false
​eventPhase: 0
​explicitOriginalTarget: XMLHttpRequest { readyState: 4, timeout: 0, withCredentials: false, … }
​isTrusted: true
​lengthComputable: false
​loaded: 0
​originalTarget: XMLHttpRequest { readyState: 4, timeout: 0, withCredentials: false, … }
​returnValue: true
​srcElement: XMLHttpRequest { readyState: 4, timeout: 0, withCredentials: false, … }
​target: XMLHttpRequest { readyState: 4, timeout: 0, withCredentials: false, … }
​timeStamp: 601
​total: 0
​type: "error"
​<get isTrusted()>: function isTrusted()
​<prototype>: ProgressEventPrototype { lengthComputable: Getter, loaded: Getter, total: Getter, … }
ros3d.min.js:1:579846
    onError file:///home/.../script/lib/ros3djs/build/ros3d.min.js:1
    load file:///home/.../script/lib/ros3djs/build/ros3d.min.js:1

what does this mean? is my path false ? I tried different paths but I couldn't get it to work.

EDIT: I am using this modified ros3djs library (link to my merge request request) but I have tried using with the normal one and the same error pops up.

And one of the model that I m using is in this link all models that I try loading give the same error.

EDIT2/Problem2: as @Solrac3589 recommended installing Apache2 to use as a server. I used for testing the example @Solrac3589 created. After putting the code in /var/www/htmland opening the index.html by typing localhost in my browser (I couldn't open the the html files directly from the file manager) the CORS warning message does not pop up any more but I get the following new object error from ros3djs :

load
bubbles: false
cancelBubble: false
cancelable: false
composed: false
currentTarget: null
defaultPrevented: false
eventPhase: 0
explicitOriginalTarget: XMLHttpRequest { readyState: 4, timeout: 0, withCredentials: false, … }
isTrusted: true
lengthComputable: true
loaded: 271
originalTarget: XMLHttpRequest { readyState: 4, timeout: 0, withCredentials: false, … }
returnValue: true
srcElement: XMLHttpRequest { readyState: 4, timeout: 0, withCredentials: false, … }
target: XMLHttpRequest { readyState: 4, timeout: 0, withCredentials: false, … }
timeStamp: 92
total: 271
type: "load"
<get isTrusted()>: function isTrusted()
<prototype>: ProgressEventPrototype { lengthComputable: Getter, loaded: Getter, total: Getter, … }
ros3d.min.js:1:579846
    onError http://localhost/js/ros3d.min.js:1
    load http://localhost/js/ros3d.min.js:1