在 Electron 应用程序中访问 USB 记忆棒失败并显示：没有选择设备异常

Question

您好，我正在尝试从用 reactjs 编写的电子应用程序访问 USB 记忆棒。

因为 electron 是 google chromium 我想我可以使用 USB Web-Api: https://developer.mozilla.org/en-US/docs/Web/API/USB

所以我创建了一个这样的组件：

import React from 'react';

const UsbAccessButton = () => (
  <button
    className="usb-access-button"
    onClick={() => {
      navigator.usb
        .requestDevice({ filters: [{ vendorId: 0x0951 }] })
        .then(device => {
          console.log(device.productName);
          console.log(device.manufacturerName);
        })
        .catch(error => {
          console.log(error);
        });
    }}
  >
    Get USB Access
  </button>
);

export default UsbAccessButton;

vendorId 是我特定 U 盘的正确供应商 ID。但是当我点击按钮时，我得到这样的错误：

DOMException: No device selected.       usb-access-button.component.jsx:14

但我想列出可用的设备，以便用户可以在其中进行选择。所以也许我不理解文档的某些部分或者是什么导致了这里的问题？

更新：当我在我的默认 chrome 浏览器中运行这个应用程序时，我得到了在 USB 设备之间进行选择的对话框。所以看起来这个错误更多的是和electron本身有关。

Answer 1

目前（2020 年 1 月）不可能在 Electron 中为 WebUSB 提供设备选择器 - 请在此处查看问题：https://github.com/electron/electron/issues/14545

目前建议的解决方案是使用 thegecko/webusb polyfill，它使用 node-usb 库。

在 Electron 应用程序中访问 USB 记忆棒失败并显示：没有选择设备异常

Get access to USB stick in Electron app fails with: No device selected exception

javascript

reactjs

electron

webusb