Trying to make an image classification model using AutoML Vision run on a website

Question

I've created a classification model using AutoML Vision and tried to use this tutorial to make a small web app to make the model classify an image using the browser. The code I'm using is basically the same as the tutorial with some slight changes:

<script src="https://unpkg.com/@tensorflow/tfjs"></script>
<script src="https://unpkg.com/@tensorflow/tfjs-automl"></script>
<img id="test" crossorigin="anonymous" src="101_SI_24_23-01-2019_iOS_1187.JPG">
<script>
async function run() {
  const model = await tf.automl.loadImageClassification('model.json');
  const image = document.getElementById('test');
  const predictions = await model.classify(image);
  console.log(predictions);
  // Show the resulting object on the page.
  const pre = document.createElement('pre');
  pre.textContent = JSON.stringify(predictions, null, 2);
  document.body.append(pre);
}

run();

This index.html file above is located in the same folder of the model files and the image file. The problem is that when I try to run the file I'm receiving this error: error received

I have no idea what I should do to fix this error. I've tried many things without success, I've only changed the error.

Answer 1

models built with AutoML should not have dynamic ops, but seems that yours does.

if that is truly model designed using AutoML, then AutoML should be expanded to use asynchronous execution.

if model was your own (not AutoML), it would be a simple await model.executeAsync() instead of model.execute(), but in AutoML case, that part is hidden inside AutoML library module inside classify call and that needs to be addressed by tfjs AutoML team.

best to open an issue at https://github.com/tensorflow/tfjs/issues

btw, why post a link to an image containing error message instead of copying the message as text here??