首页 > 其他分享 >three.js 在低版本浏览报THREE.WebGLProgran: shader error 报错解决办法

three.js 在低版本浏览报THREE.WebGLProgran: shader error 报错解决办法

时间:2022-10-31 17:46:30浏览次数:57  
标签:force graph THREE three 报错 版本 低版本 js 3d

场景:在低版本浏览器下使用three.js控制台报以下错:

Error:WebGL:linkProgram:Must have a compiled vertex shader attached.

THREE.WebGLProgran: shader error: 0 35715 fasle gl.getProgramInfoLog Must have a compiled vertex shader attached. THREE.WebGLShader: gl.getShaderInfoLog() vertex
0:2(12): error: extension 'GL_ARB_gpu_shader5' unsupported in vertex shader1: #version 300 es

 

解决方案,three.js 版本使用r100(0.100.0)版本或低于r100的版本

如果是使用的插件依赖three.js而报的错,则需要降低当前插件版本,具体降低至哪个版本,可以查看该插件的历史版本的package.json里去查看. 

以3d-force-graph插件兼容火狐52.7.2为例,则需要减低3d-force-graph的版本为1.45.0,同时还需要降低‘3d-force-graph’ 依赖的three-dragcontrols、three-forcegraph、three-render-objects的版本的依赖包,可以直接在当前项目的package.json dependencies里添加下载,具体版本可以查看node_modules/3d-force-graph package.json里的版本。 下载完后直接复制node_modules下的‘three-dragcontrols、three-forcegraph、three-render-objects’文件夹替换node_modules/3d-force-graph/node_modules里的对应文件。这样3d-force-graph就可以在低版本火狐上使用了,当然高版本的一些方法在低版本上没有的话是没发使用的。

   

标签:force,graph,THREE,three,报错,版本,低版本,js,3d
From: https://www.cnblogs.com/ysxq/p/16845154.html

相关文章