Три. js: текстура загружена неправильно

Question

Я использую некоторые данные для создания модели в три раза. js. Это может загрузить текстуру, но со странной проблемой. Я загружаю текстуру таким образом.

`function createMesh(geom, imageFile){
     var loader = new THREE.TextureLoader();
     texture = loader.load(imageFile); 
     var mat = new THREE.MeshLambertMaterial({
         side: THREE.DoubleSide, 
     });
    mat.map = texture;
    var mesh = new THREE.Mesh(geom, mat);
    return mesh;}
var geom = new THREE.Geometry();
    geom.vertices = vertices;
    geom.faces = faces;
    geom.computeFaceNormals();
    var myModel = createMesh(geom, './tex1.jpg');
    scene.add(myModel);`  

Вот снимок экрана до загрузки текстуры.

Вот снимок экрана после загрузки текстуры.

Мой файл текстуры (2048 * 2048.jpg)

Я протестировал загрузку текстуры в общем куб, и это работает. Поэтому я не могу понять, почему текстура не может быть загружена в мою модель. Какие-либо предложения? Большое спасибо!