title: load model.json for tensorflowjs in reactjs not working
body: <p>I'm trying to load a model.json file with it's weights.bin from the root directory in my react app.</p>
  
  <p>When I call an example I found online from storage.googleapis.com it works but loading from my root doesn't. </p>
  
  <p>The contents of App.js in my react app...</p>
  
  <pre><code>import React from "react";
  import "./styles.css";
  
  const tf = require("@tensorflow/tfjs");
  
  // example model - working
  async function predict() {
    const model = await tf.loadGraphModel(
      "https://storage.googleapis.com/tfjs-models/savedmodel/mobilenet_v2_1.0_224/model.json"
    );
    console.log(typeof model);
  }
  
  // my model - not working
  async function predictAlt() {
    const myModel = await tf.loadLayersModel("file://my-model.json");
    console.log(typeof model);
  }
  
  export default function App() {
    return (
      &lt;div className="App"&gt;
        &lt;button onClick={predict} style={{ fontSize: "20px" }}&gt;
          example model
        &lt;/button&gt;
        &lt;br /&gt;
        &lt;br /&gt;
        &lt;button onClick={predictAlt} style={{ fontSize: "20px" }}&gt;
          my model
        &lt;/button&gt;
      &lt;/div&gt;
    );
  }
  </code></pre>