How do I import with vite?

[pickaxe828]

main js code

import CameraPhoto, { FACING_MODES, IMAGE_TYPES } from 'jslib-html5-camera-photo'
import * as faceapi from 'face-api.js'
import weight from "../weights/face_landmark_68_model-shard1?url"

let videoElement = document.getElementById('videoId')
let imgElement = document.getElementById('imgId')
let toggleVideoBtn = document.getElementById('toggleVideo')
let takePictureBtn = document.getElementById('takePicture')

console.log(weight)
await faceapi.nets.faceLandmark68Net.loadFromUri(weight)

// ...

takePictureBtn.addEventListener('click', async () => {
    const config = {}
    let dataUri = cameraPhoto.getDataUri(config)
    imgElement.src = dataUri
    const result = await faceapi.detectSingleFace(imgElement).withFaceLandmarks().withFaceDescriptor()
    console.log(result.descriptor)
})

then I got this error

how do I fix it?