Javascript reactjs中tensorflowjs的load model.json不工作

Javascript reactjs中tensorflowjs的load model.json不工作,javascript,reactjs,tensorflow.js,Javascript,Reactjs,Tensorflow.js,我正在尝试从我的react应用程序的根目录加载一个model.json文件及其weights.bin 当我调用从storage.googleapis.com在线找到的一个示例时,它可以工作,但从我的根目录加载却不行 我的react应用程序中App.js的内容 import React from "react"; import "./styles.css"; const tf = require("@tensorflow/tfjs"); // example model - working a

我正在尝试从我的react应用程序的根目录加载一个model.json文件及其weights.bin

当我调用从storage.googleapis.com在线找到的一个示例时,它可以工作,但从我的根目录加载却不行

我的react应用程序中App.js的内容

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 (
    <div className="App">
      <button onClick={predict} style={{ fontSize: "20px" }}>
        example model
      </button>
      <br />
      <br />
      <button onClick={predictAlt} style={{ fontSize: "20px" }}>
        my model
      </button>
    </div>
  );
}
从“React”导入React;
导入“/styles.css”;
常数tf=require(“@tensorflow/tfjs”);
//示例模型-工作
异步函数predict(){
const model=wait tf.loadGraphModel(
"https://storage.googleapis.com/tfjs-models/savedmodel/mobilenet_v2_1.0_224/model.json"
);
控制台日志(型号);
}
//我的模型-不工作
异步函数predictAlt(){
const myModel=wait tf.loadLayersModel(“file://my-model.json");
控制台日志(型号);
}
导出默认函数App(){
返回(
示例模型


我的模型 ); }
文件URI方案
file://url
仅用于加载模型服务器端。要在浏览器中加载模型,可以提示用户选择模型拓扑(model.json)和权重文件。包含如何通过提示用户使用文件输入元素来加载模型的示例

如果不要求用户选择模型文件,则该模型需要由服务器提供服务。例如,model.json和权重可以位于部署的应用程序的assets文件夹中。然后url只需要指向
model.json
,而不指向
文件://
,如下所示:

const myModel = await tf.loadLayersModel("assets/my-model.json");

如果加载模型时出现一些错误,查看开发人员控制台中的“网络”选项卡将有助于查看是否找到该文件

Hi,感谢您查看。当我尝试这个时,我得到。。。无法从my-model.JSON解析响应的JSON模型。请确保服务器为此请求提供有效的JSON。我在“网络”选项卡中的请求URL上获得状态代码200。我不认为这证实了它可以访问该文件,因为当我将文件拼写错误时,例如/my-modelx.json,我仍然获得200状态。我在上面的代码中也犯了一个错误。第二个函数应该记录myModel而不是model的类型。这是不可能的。如果找不到该文件,您将有一个404。你说模特的名字是什么意思
typeof model
将记录类的名称,即
model
,这是我希望看到的,但我认为这是react/codesandbox问题,因为即使我输入.json文件的url,它也只会打开应用程序。在我的服务器上,我在屏幕上看到了一些json,正如我所期望的那样。它将objectI moved my-model.json和权重文件记录在公用文件夹中,并
const myModel=wait tf.loadLayersModel(“/my model.json”)