this.util.TextEncoder 不仅仅是电子应用程序中的构造函数适用于 chrome

问题描述

我正在使用 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"

看chrome和electron的截图-

IN CHROME（点击放大）

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

IN ELECTRON（点击放大）

解决方法

解决方案

我以前有过

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 的努力并指出我

Error loading TensorflowJS in Electron App (Nodejs)

我通过创建一个电子 hello world 项目，然后添加 tfjs，然后添加 tfjs-backend-wasm 得到了解决方案。新项目运行正常，但即使将 node_modules 从新项目移动到旧项目也不适用于旧项目。但是一旦我更改了 wasm 路径，它就没有错误。

更新：

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

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