你能检查一下你的应用程序是否运行在Secure Context上吗？* （最有可能在当地发展）*

window.isSecureContext

字符串
如果它没有在安全环境中运行，则无法访问EyeDropper API（根据MDN）：
x1c 0d1x的数据
如果是这样的话;您可以选择通过使用ngnix等通过HTTPS访问应用程序。

我想出了一个可行的计划，但不是很标准。
我在index.html中添加了以下代码：

<script>
  if (!!window.EyeDropper) {
    window.EyeDropperTarget = new EyeDropper();
  }
</script>

字符串
我检查了window.EyeDropper，如果有，我就把new EyeDropper()示例安装在window上。
然后我可以在商业代码中使用它：

handleClickPick(): void {
  const picker = window.EyeDropperTarget;

  picker.open().then((result: any) => {
    const color = result?.sRGBHex;
    // ...
  });
}

型

我的领导给了我一个标准方法，代码如下：

new example = (window as any).EyeDropper()

字符串
Vetur报告错误的原因是：无法识别的Esline窗口新API。

您需要在Windows上声明该变量/类型。类似于“window”对象上的任何新变量（非默认值）。

declare global {
    interface Window {
        EyeDropper?: any;
    }
}

字符串
检查这个线程：https://stackoverflow.com/a/12709880/4978626