Wrong path for tflite.wasm

I’m trying to add the virtual background to an angular 11 project and getting an error when trying to load the tflite model:

GET http://localhost:4200/tflite.wasm 404 (Not Found)
tflite.js:9 wasm streaming compile failed: TypeError: Failed to execute 'compile' on 'WebAssembly': HTTP status code is not ok
tflite.js:9 falling back to ArrayBuffer instantiation
GET http://localhost:4200/tflite.wasm 404 (Not Found)
failed to asynchronously prepare wasm: RuntimeError: abort(both async and sync fetching of the wasm failed). Build with -s ASSERTIONS=1 for more info.

This is how I import tflite.js:

import createTFLiteModule from './tflite/tflite';
import createTFLiteSIMDModule from './tflite/tflite-simd';

The path to tflite.wasm is hardcoded in tflite/tflite.js. Is there a config option to set the path without modifying tflite.js?

var wasmBinaryFile="tflite.wasm"

[benbro]

I still prefer the automatic import.model.url solution but we can also pass custom locateFile function:

const createdTFLiteSIMD = await createTFLiteModule({locateFile: () => 'path/to//tflite.wasm'});

[benbro]

Not sure about complication flags but we can use locateFile to dynamically specify the model location. This is from the Selfie Segmentation example:

const selfieSegmentation = new SelfieSegmentation({locateFile: (file) => {
  return `https://cdn.jsdelivr.net/npm/@mediapipe/selfie_segmentation/${file}`;
}});