Search code examples
glslshaderwebgl

Not seeing lower level shader syntax errors

I'm using Next.js with Three.js and now when I encounter shader errors, I only see a warning in Chrome with WebGL: INVALID_OPERATION: useProgram: program not valid. I remember before when I was using regular React with Three.js, I saw more detailed program info saying the line the syntax error occurs in the shader.

Is there something I need to enable to get that level of debugging back?

Solution

  • The quickest fix for this was to set renderer.debug.checkShaderErrors = true