Babylon-Datei wird auf Webserver nicht gefunden

Hey zusammen,

ich habe online einen 3D Produkt Konfigurator gefunden und wollte diesen bei mir Testweise auf dem Webserver ausführen um sicherzustellen, dass dieser auch bei mir funktioniert.

Ich habe die ganzen Pakete mittels yarn hinzugefügt und dann die Build-Version erstellt. Wenn ich die Build Version local öffne wird alles korrekt ausgeführt. Öffne ich im Internet auf meinem Webserver diesen Konfigurator wird in der Konsole angezeigt, dass die .babylon Datei nicht gefunden werden kann obwohl diese im gleichen Pfad liegt. Habe ich schon alles überprüft.

Ich habe bereits im Babylon-Forum gefragt, nur sie konnten mir auch nicht weiterhelfen. Ich hoffe ihr wisst warum sich dies bei mir so verhält.

Freue mich von euch zu hören

Hi,

Mit der Groß-/Kleinschreibung passt alles.

Dies ist der Codeteil in dem die bike.babylon hinzugefügt wird:

t=e.addMeshTask("bike","","","bike.babylon")

Die JS-Datei wird in die index.html eingebunden. Im gleichen Verzeichniss liegt die bike.babylon.

Wenn ich die bike.babylon versuche über dem Browser aufzurufen kommt ein 404 Error (File or Directory not Fount) obwohl diese vorhanden ist:

html-seminar.de/woltlab/attachment/2305/

Danke für die interessante Info.

Meinst du damit, dass der Mimetype .babylon in meinen Servereinstellungen nicht vorhanden ist und damit auch nicht erfasst werden kann?

Okay. Vielen Dank dir. Ich werde nachschauen und es testen.

Ich melde mich dann wieder.

Guten Morgen,

ich habe den MimeType .babylon nun hinzugefügt. Nun wird folgende Fehlermeldung angezeigt: Unable to import meshes from bike.babylon: 404 Not Found undefined

Die Babylon Datei wird weiterhin im Browser nicht gefunden...

Wenn es jemand mal testen möchte: Es handelt sich um diesen 3D Produktkonfigurator: https://github.com/mpwassler/3dproductview

Der Code für dies sieht wie folgt aus:

loadModels = () => {
    /*
    * the AssetManager class is responsible 
    * for loading files
    */ 
    let loader = new AssetsManager(this.scene) 
    // Arguments: "ID", "Root URL", "URL Prefix", "Filename"    
    let loadBikeModel = loader.addMeshTask("bike", "", "", "bike.babylon")
    /*
    *  Loader is given a callback to run when the model has loaded
    *  the variable t is our imported scene. You can use
    *  it to examine all the mesh's loaded.
    */    
    loadBikeModel.onSuccess = ( t ) => {
      
      this.scene.getMeshByID('Sa').material = this.scene.getMeshByID('Sa').material.clone()
      this.scene.getMeshByID('Ghidon').material = this.scene.getMeshByID('Ghidon').material.clone()
      this.scene.getMeshByID('BidonRosu').material = this.scene.getMeshByID('BidonRosu').material.clone()
      this.scene.getMeshByID('Furca').material = this.scene.getMeshByID('Furca').material.clone()
      this.scene.getMeshByID('Cadru1').material.diffuseColor = this.scene.getMeshByID('Cadru1').material.clone()

      this.scene.getMeshByID('Sa').material.diffuseColor = this.colors['grey']
      this.scene.getMeshByID('Ghidon').material.diffuseColor = this.colors['grey']
      this.scene.getMeshByID('BidonRosu').material.diffuseColor = this.colors['grey']
      this.scene.getMeshByID('Furca').material.diffuseColor = this.colors['black']
      this.scene.getMeshByID('Cadru1').material.diffuseColor = this.colors['white']
      
      // Start the animation loop once the model is loaded 
      this.engine.runRenderLoop(() => { 
        this.scene.render() 
      })
      // The model came in a little dark so lets add some extra light
      new HemisphericLight('light1', new Vector3(0,1,0), this.scene)
    }
    // It also calls an Error callback if something goes wrong
    loadBikeModel.onError = function (task, message, exception) {
        console.log(message, exception);
    }
    // We return the fully configured loader
    return loader
  }

Ich werde weiterhin nach einer Lösung schauen...

Nein.

Ich habe mal in Chrome die Anwendung geöffnet und bekomme da folgende Fehlermeldungen in der Console:html-seminar.de/woltlab/attachment/2314/

Was ich bisher nicht verstehe ist, dass einmal der Fehler kommt das die manifest.json nicht gefunden wurde und gleich danach in der nächsten Zeile steht: Manifest: Syntax Error.

Der 503 Error ist auf bike.babylon.manifest obwohl es diese Datei bei mir garnicht gibt. Ich bin verwirrt.

Yeah! Ich habe es geschafft diesen Konfigurator im Browser auszuführen. Ich habe diesen mal auf meinen 2. Server hochgeladen und nun funktioniert dieser.

Es lag am vorigen Server - was genau weiß ich noch nicht - werde ich aufjedenfall nach schauen. Ich denke er blockiert die Ausführung von Scripte oder so.