Web export fails to display Gridmap that works well in editor and Windows export

[isaaccp]

Godot version

4.1.1-stable

System information

Godot v4.1.1.stable - Windows 10.0.22621 - Vulkan (Forward+) - dedicated GeForce GTX 1050 () - Intel(R) Core(TM) i7-8650U CPU @ 1.90GHz (8 Threads)

Issue description

I have a project that I have been developing for a while. It uses a gridmap with a meshlib to display stages and it works fine in the editor and on Windows exports. Today I tried to run it in Web 5 for the first time and everything works okay except the gridmap is not displayed at all.

The javascript console in Chrome shows the following error 256 times:
[.WebGL-00001640BE358700] GL_INVALID_OPERATION: Vertex shader input type does not match the type of the bound vertex attribute.
(even with a single tile in the gridmap)

The problem occurs in both Chrome (116.0.5845.110 (Official Build) (64-bit) (cohort: M116_Respin)) and Firefox (116.0.3).

Scene when run from the editor:

Scene using Web 5 in Chrome:

Steps to reproduce

Run the attached scene from the editor or a Windows export and it'll display a cylinder and a gridmap (with a single tile).

Run the attached scene on a web export (e.g. by using the editor Run in Browser or doing a full web export) and only the cylinder is displayed, with the error mentioned above.

Minimal reproduction project

web5_gridmap_bug.zip

[isaaccp]

These are all the logs in the Chrome javascript console.

[baptr]

I was able to repro this in v4.2.dev2.official [da81ca6], and found that it would run and render cleanly in a web5 export if I disabled vertex_color_use_as_albedo for each material in the mesh library. Hopefully that helps narrow down the issue.

[isaaccp]

I can confirm that disabling vertex_color_use_as_albedo in the materials in the mesh library also fixes it for me (but this is not very convenient and hopefully we can have a fix that addresses the issue without having to do that).