3

我正在使用 tensorflow bodypix 模型创建一个身体分割应用程序。它在浏览器中运行良好。我正在使用 webpack 来使用它的模块(见下文)

import * as wasm from "@tensorflow/tfjs-backend-wasm";
import * as tf from "@tensorflow/tfjs-core";
import * as bodyPix from "@tensorflow-models/body-pix";

wasm.setWasmPaths("./wasm/");
tf.setBackend("wasm").then(() => {
  //some simple vanilla js code
});
//some more vanilla js code...

它在 chrome 中运行良好,并在运行后按预期输出npx webpack

但是,当简单地通过创建一个主电子文件来使用电子运行它时,它只会输出一个空白的白色屏幕,并在控制台中出现以下错误 -

Uncaught TypeError: this.util.TextEncoder is not a constructor
    at new <anonymous> (main.js:2)

它指向的线来自一个看起来像这样的缩小代码 -

...SOME_CODE...&&Me().setPlatform("node",new class{
constructor(){this.util=n(758),this.textEncoder=new this.util.TextEncoder}...SOME_MORE_CODE...

我认为电子只是没有顶条的铬,但这似乎是错误的。有人可以在这里帮助我吗?我正在使用以下版本-

“nodejs v12.16.3”、“electron11.1.1”、“tfjs2.8.2”

看铬和电子的屏幕截图-

IN CHROME(点击放大)

镀铬工作

...................................................

IN ELECTRON(点击放大)

电子图像

4

1 回答 1

1

解决方案

我以前有

wasm.setWasmPaths("./wasm/");
tf.setBackend("wasm").then(() => {
  //some simple vanilla js code
});

在我的主要代码中,我已将文件夹从 wasm(dist/) 复制到项目的文件夹中。

从我的项目文件夹中删除相同的内容并将代码更改为 -

wasm.setWasmPaths("../node_modules/@tensorflow/tfjs-backend-wasm/dist/"); //or start from ./ if your main file is in same folder as node_modules
tf.setBackend("wasm").then(() => {
  //...
});

我是怎么在这里恢复的?

首先感谢@edkeveked 的努力并指出我

在 Electron App (Nodejs) 中加载 TensorflowJS 时出错

我通过创建一个电子 hello world 项目然后添加 tfjs,然后添加 tfjs-backend-wasm 得到了解决方案。新项目工作正常,但是即使将 node_modules 从新项目移动到旧项目也不适用于旧项目。但是一旦我改变了 wasm 路径,它就可以正常工作了。

更新:

现在我已经多次遇到这个问题,每次都是通过创建一个新文件夹来解决的,首先安装电子并先创建一个简单的电子应用程序,然后安装其他依赖项并将旧代码复制到新文件夹中。(警告:不要复制节点模块文件夹)

这似乎是 tfjs 或电子中的错误

于 2021-01-06T08:27:38.020 回答