import vertexShader from './shaders/vertex.glsl';
import fragmentShader from './shaders/fragement.glsl';

But i keep getting any error:
 [vite] Internal server error: Failed to resolve import "./shaders/fragement.glsl" from "main.js". Does the file exist?

I'm following your file structure and code, not sure what is happening.