Я использую пакет «три-полно» для рендеринга 3D-изображений в Angular 7 SPA. OBJLoader для загрузки объекта выдает ошибку в Azure, хотя он работает абсолютно локально. Что нужно сделать в Azure, чтобы убедиться, что он работает
-Я уже пытался проверить мою объектную модель, но, похоже, ничего плохого
Нет сетевой ошибки
-obj и mtl возвращаются с ответом 200
mtlLoader.load(path + name + '.mtl', (materials) => {
materials.preload();
var objLoader = new THREE.OBJLoader();
objLoader.setMaterials(materials);
objLoader.load(path + name + '.obj', (object) => {
object.name = "__component__" + name;
object.scale.set(0.005, 0.006, 0.005);
object.position.x -= 1;
object.position.z -= 2;
object.updateMatrix();
this.scene.add(object);
this.render();
});
});;
Также один из файлов MTL
# CAD Exchanger 3.5.3 (cadexchanger.com)
# Material Count: 1
newmtl Material_1
Ns 0.000000
Ka 0.200000 0.200000 0.200000
Kd 1.000000 0.000000 0.000000
Ks 0.000000 0.000000 0.000000
Ke 0.000000 0.000000 0.000000
Сообщение об ошибке, которое я получаю
ERROR Error: OBJLoader: Unexpected line: "<!doctype html>"
at i.parse (5.7bca0b62b1c467d86062.js:1)
at Object.onLoad (5.7bca0b62b1c467d86062.js:1)
at XMLHttpRequest.<anonymous> (5.7bca0b62b1c467d86062.js:1)
at e.invokeTask (polyfills.8bbb231b43165d65d357.js:1)
at Object.onInvokeTask (main.3fb28dbf2ae1d6614882.js:1)
at e.invokeTask (polyfills.8bbb231b43165d65d357.js:1)
at t.runTask (polyfills.8bbb231b43165d65d357.js:1)
at t.invokeTask [as invoke] (polyfills.8bbb231b43165d65d357.js:1)
at m (polyfills.8bbb231b43165d65d357.js:1)
at XMLHttpRequest.k (polyfills.8bbb231b43165d65d357.js:1)
ОБНОВЛЕНИЕ - 1 Проблема в том, что мои файлы .obj и .mtl возвращаются в виде html вместо application / octet-stream ИЛИ application / object