最近学threeJs的时候踩到的坑,跟着视频老师学习着色器的时候,当我导入glsl文件时,一直在报语法错误,类似于
Uncaught SyntaxError: Unexpected identifier 'vec3' (at vertexShader.glsl?t=1682477010496&import:1:11)
Uncaught SyntaxError: Unexpected token '{' (at vertexShader.glsl?t=1682477313589&import:2:12)
因为才刚刚学习,寻思是哪里代码写的有问题,我都照着视频一个字母一个字母去的敲代码,发现还是这些报错,由于才学到着色器入门,心态差点崩溃了,怎么去搜索都是说语法错误,然后转变思路去搜索导入glsl文件报语法错误,好家伙原来是vite导致的,只需要在导入的时候,加上这个?raw
import basicVertextShader from
'./shader/basic/vertex.glsl?raw'
就OK了
困扰我一天一夜的问题,终于解决了 ,
附上原文截图,