ckddbs / three-fbx-loader

MIT License
20 stars 14 forks source link

TypeError: uvScaleMap.updateMatrix is not a function #2

Open hopepdm opened 6 years ago

hopepdm commented 6 years ago

when i use this package in react-project, throw TypeError: uvScaleMap.updateMatrix is not a function,make me confuse.

part of code:

import './ThreeMap.css';
import React, { Component } from 'react';
import * as THREE from '../../node_modules/three/build/three.module';

import * as FBXLoader from 'three-fbx-loader';
import Orbitcontrols from 'three-orbitcontrols';
import Stats from '../common/threejslibs/stats.min.js';
...
let loader = new FBXLoader();
let fbxUrl = require('./B013.FBX');
loader.load(fbxUrl, function(obj) {
            group.add(obj);
            console.log('123');
     },function(){} , function(error){
                console.log(error);
})
...
JaccoGoris commented 6 years ago

I have the same issue, testing with three r93 and the xsi_man_skinning.fbx example

sarahannnicholson commented 6 years ago

I've gotten this issue as well. These are my console errors

Failed to load resource: the server responded with a status of 400 (103: Field 'time' on type 'Envelope' is older than the allowed min date. Expected: now - 172800000ms, Actual: now - 225692280ms)
mnt/d/my_site/node_modules/three/build/three.module.js:24438 Uncaught TypeError: uvScaleMap.updateMatrix is not a function
    at refreshUniformsCommon (mnt/d/my_site/node_modules/three/build/three.module.js:24438)
    at setProgram (mnt/d/my_site/node_modules/three/build/three.module.js:24223)
    at WebGLRenderer.renderBufferDirect (mnt/d/my_site/node_modules/three/build/three.module.js:23086)
    at renderObject (mnt/d/my_site/node_modules/three/build/three.module.js:23824)
    at renderObjects (mnt/d/my_site/node_modules/three/build/three.module.js:23794)
    at WebGLRenderer.render (mnt/d/my_site/node_modules/three/build/three.module.js:23548)
    at renderObj (mnt/d/my_site/src/components/threeJs/myThreeJsComponent.js:151)
    at animate (mnt/d/my_site/src/components/threeJs/myThreeJsComponent.js:147)

I was trying to follow the same code as this .fbx ThreeJs example

jak2030 commented 6 years ago

I have run into the same issue :)

denniscual commented 6 years ago

Mine too!

davidessayan commented 6 years ago

Same here ! Any solution ? :-/

dotku commented 6 years ago

Follow up

fzorzi commented 5 years ago

Did someone find a solution for this problem? Thanks

arg0navt commented 5 years ago

Approve, I have this problem too.

gkalligeros commented 5 years ago

same here any update?

suphler commented 5 years ago

Also I have same issue

fzorzi commented 5 years ago

Unfortunately I had to change approach. I put all thereejs code directly inside the index.html page (using JavaScript library). The communication between react classes and html page is solved by using websocket (easily managed by electron) .

umurcg commented 5 years ago

I've encountred with same issue. Solved with using official fbx loader.

neoRiley commented 5 years ago

I've encountred with same issue. Solved with using official fbx loader.

Can you expand on that? What official loader? I installed this via npm and have this error. I installed after seeing it wasn't apart of THREE's npm install etc.

Thanks for any help

PS> using webpack/es6/babel setup with imports.

import * as THREE from 'three'; import * as FBXLoader from 'three-fbx-loader';

umurcg commented 5 years ago

https://www.npmjs.com/package/three-fbxloader-offical

milkiq commented 4 years ago

https://www.npmjs.com/package/three-fbxloader-offical

Thanks for solving my problem!!