Tensorflow.js Error: Backend name 'webgpu' not found in registry

I have run into an issue where when I serve my TensorFlow files at localhost (127.0.0.1)I am able to load the webGPU backend as expected.

However, I would like to access the app on different devices on my network and when I try hosting the exact same files files at my local IP address (192.168.x.x) I get a “Error: Backend name ‘webgpu’ not found in registry” error when trying to set the backend to webGPU.

I tried serving it using node express, http-server, and the node http module and I get the same error

Anyone have any ideas of what could cause this to happen? Are there specific headers that need to be set in order to support the webGPU backend? What could cause this to break when all I have done is change the IP address where the file is served

await import(`https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@4.17.0/dist/tf.min.js`);
await import(`https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-webgpu/dist/tf-backend-webgpu.js`);
await tf.ready();
await tf.setBackend("webgpu");   // <--Error: Backend name 'webgpu' not found in registry
console.log(tf.getBackend());

The issue is that webGPU is only available in secured contexts.

Local host is considered secure.