title: Can't Load Models for face-api.js
body: <p>I don't understand how to load the "models" so that the client side of my React web app can start analyzing images.  I don't even really understand what a "model" is.</p>
  
  <p>I started by doing <code>npm i face-api.js</code>.</p>
  
  <p>Then, I imported it into my SignUp component by typing <code>import * as faceapi from 'face-api.js'</code> at the top.</p>
  
  <p>In my <code>componentDidMount()</code> function, I put the following code:</p>
  
  <pre><code>faceapi.nets.ssdMobilenetv1.loadFromUri('/models').then(result =&gt; {
    console.log(result);
  }).catch(error =&gt; {
    console.log(error)
  })
  </code></pre>
  
  <p>That gives me the following error:
  <strong>SyntaxError: "JSON.parse: unexpected character at line 1 column 1 of the JSON data"</strong></p>
  
  <p>So I tried looking for a "models" directory in the face-api.js directory, but couldn't find anything.  Then I went back to the Github and found a "weights" folder (which I read are related to models).  I downloaded it, and put it's contents in a "models" folder near my SignUp component (see attached pic).  Still the same error.</p>
  
  <p>Ultimately, all I want to do is know whether a user uploads a pictures containing a face.  Any face.  I don't need anything more than that.  What am I doing wrong?</p>
  
  <p><img src="https://www.coolneighbors.com/face-api-models.png" alt="Text"> </p>