problem with creating surface

[butterdev0]

im trynna run wgpu on web using winit and wasm but i cant create a surface

panicked at src/window.rs:63:63:
called Result::unwrap() on an Err value: CreateSurfaceError { inner: Web("canvas.getContext() returned null; webgpu not available or canvas already in use") }

    let instance = wgpu::Instance::new(wgpu::InstanceDescriptor {
        backends: wgpu::Backends::all(),
        dx12_shader_compiler: Default::default(),
        flags: wgpu::InstanceFlags::default(),
        gles_minor_version: Default::default(),
    });

    let surface = instance.create_surface(window.clone()).unwrap();
    
    ive been trying to fix it for days but i havent figured it out yet

[Wumpf]

@butterdev0 are you running in a WebGPU enabled browser (you can for instance check if the https://webgpu.github.io/webgpu-samples/ work)? If potentially not, you should enable the webgl backend (see https://docs.rs/wgpu/latest/wgpu/) and then try using https://docs.rs/wgpu/latest/wgpu/util/fn.new_instance_with_webgpu_detection.html for instance creation