Not able to load local custom model (in React)

[zegenerative]

Dear ml5 community,

I'm submitting a new issue. Please see the details below.

→ Step 1: Describe the issue 📝

Did you find a bug? Want to suggest an idea for a new example?

In React, I have a simple setup for a charRNN. When I try to load my model in the src/models/mymodel, it somehow does not load the model, even though the callback triggers.

→ Step 2: Screenshots or Relevant Documentation 🖼

Here's some helpful screenshots and/or documentation of the new feature

→ Step 3: Share an example of the issue 🦄

Here's some example code or a demonstration of the issue in https://github.com/ml5js/ml5-examples OR in the https://editor.p5js.org or codepen/jsfiddle/etc...

clone the repo
npm i
npm start
[e-mail]:zegenerative/ml5-lstm.git

Other relevant information, if applicable

→ Describe your setup 🦄

Here's some helpful information about my setup...

• Web browser & version:
• Operating System:
• ml5 version you're using:
• Any additional notes

[Joey Lee]

Hi @zegenerative - one thing could be that the model variable should rather be a path to the directory where your model and its associated weight files are living. I could be wrong about this, but maybe worth a try.

[zegenerative]

Thanks for your reply. What do you mean exactly? I tried all sorts of ways to point to the directory with its manifest.json and associated files. This directory lives in the src directory of the root directory.

[Joey Lee]

Hmm oh I see you've tried that solution already. Would you be able to point to any of the error messages by chance?

Maybe one quick sanity check could be to check if one of the other models will load. So copy/paste this directory https://github.com/ml5js/ml5-examples/tree/release/p5js/CharRNN/CharRNN_Interactive/models/woolf into your project and link to the path here when you create:

ml5.charRNN("https://github.com/ml5js/ml5-examples/tree/release/p5js/CharRNN/CharRNN_Interactive/models/woolf/")

[zegenerative]

I tried, doesn't work:

The only thing I was able to load, was the imageClassifier example, where the 'path' to the model is 'MobileNet'. I'm assuming that is a 'built-in' model or something?

[zegenerative]

I'd like to point to this repo where you could run it yourself:

[e-mail]:zegenerative/ml5-lstm.git

one of the errors was:
When I do: ml5.charRNN('http://localhost:3000/src/models/mymodel/', modelLoaded) I get:
Uncaught SyntaxError: Unexpected token < in JSON at position 0

[Joey Lee]

@zegenerative
Ah-hah!

Ok ok ok, so here's one solution:

1. Put your dinomodel into the public directory
2. in your App.js: you'll link to the public served assests

I made a PR here: zegenerative/dinosaurifier-reactredux#2

Hope this helps!

The idea is your models should be a static asset and you can just directly link to the URL where those assets are served :)

[Joey Lee]

Please close this up when you've tested! Thanks!

[zegenerative]

Ah great! It is loading the model now. Thanks!