OpenCV.js 不工作 vue.js (electron-builder)

Question

我正在使用 electron 和 vuejs 开展一个项目（我正在使用 vue-cli-plugin-electron-builder）并且我需要实时人脸检测系统到目前为止最快和最有效的解决方案是 OpenCV.js（我有完成了我的研究）。

我一直面临的问题是根据OpenCV.js Docs我们需要将脚本标签添加到html文件中，

<script async src="https://docs.opencv.org/master/opencv.js" onload="onOpenCvReady()" type="text/javascript"></script>

我已经对其进行了测试，只有在电子窗口中关闭 nodeIntegration 时它才能正常工作。但这是不可能的，因为 electron-builder 插件只有在 nodeIntegrations 开启时才能工作。

new BrowserWindow({
    webPreferences: {
        nodeIntegration: true // I need this but i also need opencv
                              // but opencv is not working if i turn it off.
    }
})

其次，我应该继续使用 electron 还是迁移到 NW.js，我注意到 electron.js 的构建大小很大。

Answer 1

首先，以下说法不正确：

electron-builder 插件只有在 nodeIntegrations 开启时才能工作。

事实上，nodeIntegration 在electron-builder v2.0 中默认会被禁用。

现在让我们进入正题。不要使用<script> 标签下载任何东西，如果这样做，每次用户打开应用程序时，都会下载脚本。您应该做的是在开发过程中安装所有节点模块，以便应用程序附带所有内容。

要在 Electron 中使用 opencv，您只需安装 this npm module。查看 the example 了解如何在 Electron 中使用它。

如果该模块不适合您，请尝试 this npm module 并在需要时关注 opencv docs。

要回答您关于 NW.js 的问题，这取决于您的需求。谷歌一下 Electron 和 NW.js 之间的区别，然后决定你想为你的应用使用什么。总之，Electron 更强大，更安全，即使应用程序在驱动器上占用200mb 更多，它仍然是一个更好的选择。此外，谁在乎构建的大小是否为400mb？现在不是 2010 年，现在大多数首先要使用您的应用程序的人，很可能在他们的驱动器上拥有 0.5 TB 的可用空间。