typescript - 如何在电容器的 Electron 结构中使用opencv.js？ ReferenceError : cv is not defined

Question

我的 ionic 电容器应用程序面临opencv.js的问题。

我将opencv.js放入src/assets/lib/opencv.js中，并在ts文件中声明了它:declare var cv: any和我的主要index.html中，我很想做<script src="./assets/lib/opencv.js"></script>
当我使用ionic serve时，它工作良好，但是当我运行npx cap open electron时，由于ReferenceError: cv is not defined，它不起作用

我尝试使用 typescript 方式导入文件，例如import "./assets/lib/opencv.js"或import * as cv from "./assetS/lib/opencv.js"，但它根本不起作用。也许我缺少那种导入文件的方式。

请问您有什么想法或尝试的方法吗？

提前谢谢了。

编辑:我找到了解决方案。

从index.html

删除html导入

在您的ts文件

中添加导入cv 'import cv from './../../assets/lib/opencv.js'

将async标签添加到您的操作按钮(我的方法是min rect方法)

如果您遇到“crypto”，“fs”等错误，请添加:

"browser": {
    "fs": false,
    "crypto": false,
    ...
  }

Answer 1

我找到了解决方案。

从index.html

删除html导入

在您的ts文件

中添加导入cv 'import cv from './../../assets/lib/opencv.js'

将async标签添加到您的操作按钮(我的方法是min rect方法)

如果您遇到“crypto”，“fs”等错误，请添加:

"browser": {
    "fs": false,
    "crypto": false,
    ...
  }