Uncaught TypeError: material.onBuild is not a function

WUOUXIANG · May 8, 2021, 12:16pm

Dear all:

I did not do any change in my code.
However suddenly, It goes wrong.
May anyone tell me what happened ? thank you

Mugen87 · May 10, 2021, 5:45pm

It seems that library files are out of sync in your project. Please ensure that you are not including three.js more than once.

kalwalt · May 24, 2021, 4:53pm

I got this error with a library/package that was using Three.js version 0.128.0 and another library that was using instead 0.126.1. Upgrading the Three.js version of this last to 0.128.0 solved the issue. If you need more infos look at this my PR Testing new ARnft and ARnft-threejs package by kalwalt · Pull Request #15 · kalwalt/ARnft-ES6-react · GitHub

Srinivas_Prabhu · May 28, 2021, 2:34pm

@Mugen87

Thanks for pointing me to this thread.

I was using another library three-mesh-ui by @felixmariotto which was using v0.122.0 ( in its latest release) as a dependency which caused the issue mentioned here:

github.com/mrdoob/three.js

ShaderMaterial/SpriteMaterial does not work in WebXR immersive mode

opened 11:24AM - 28 May 21 UTC

closed 01:59PM - 28 May 21 UTC

SrinivasPrabhu794

Help (please use the forum)

ShaderMaterial/SpriteMaterial does not work in the WebXR immersive mode. We h…ave a WebXR application that worked well up to r127. Today when I upgrade to 0.129.0 I get this error because of my custom object/material. If I create the object/shadermaterial or spritematerial not at startup but at a much later at runtime (after loading a gltf object). Steps to reproduce the behavior: 1. Create a WebXR example with an object and ShaderMaterial class 2. Enter VR 3. You will see an error that looks like this: ![image](https://user-images.githubusercontent.com/817112/119976259-79a8a700-bfd4-11eb-995e-c18691fa37c9.png) Likely broken because of the change at these commits ? https://github.com/mrdoob/three.js/commit/f2e4e0fe94d927ed9712f1189bd66d20992f061e#diff-fc94afb5da943fea9e01a4a16adf82b5433aa6d61af5855f296158a98ed4dcfd https://github.com/mrdoob/three.js/pull/21117/commits/acb1dd46ac9ff7208070c86726984aebce11a27f **Expected behavior** ShaderMaterial should have an onBuild method which it inherits from the base Material class. Although it does have the onBuild() method available at creation time, during render() the method seems to vanish after pushing to it the renderListStack @ line 24504 **Screenshots** ![image](https://user-images.githubusercontent.com/817112/119976259-79a8a700-bfd4-11eb-995e-c18691fa37c9.png) **Platform:** - Device: [Desktop] - OS: [Windows] - Browser: [Chrome] - Three.js version: [r128,r129]

Updating the dependency to r129 in three-mesh-ui fixed the issue

Thanks!

felixmariotto · May 28, 2021, 4:18pm

Which version of three-mesh-ui do you use ?
I updated the three.js dependancy version to r128 about a month ago, which seemed to fix the problem. The last three-mesh-ui version is 4.6.1.

Srinivas_Prabhu · May 28, 2021, 5:00pm

I was using version 4.5.1

Topic		Replies	Views
Uncaught TypeError: SceneUtils.createMultiMaterialObject is not a constructor Questions es6 , errors , sceneutils	2	891	August 3, 2021
Custom material shader error Questions shaders	2	450	May 23, 2019
Error while trying to create MeshStandardMaterial Using ShaderLib Questions shaders	1	487	April 3, 2023
computeVertexNormals throws error - Uncaught TypeError: computeVertexNormals is not a function Questions modules , geometry	5	2565	July 10, 2020
Latest FBXLoader giving a TypeError on loading a model Questions fbx-loader	6	830	November 8, 2018

Uncaught TypeError: material.onBuild is not a function

Related Topics