“BeforeInstallPrompt”仅在 Lighthouse Audit 之后触发

如何解决“BeforeInstallPrompt”仅在 Lighthouse Audit 之后触发

我正在编写一个小型 PWA，并尝试在 VueJS/QuasarJS 中向页面添加安装横幅。在第一步中，我尝试使用以下代码来判断 beforeinstallprompt 是否正在触发：

mounted() {
  console.log("mounting"); // works

  window.addEventListener("beforeinstallprompt",(e) => {
    console.log(e); // this only fires during Lighthouse Audit
    e.preventDefault();
    this.deferredPrompt = e;
    console.log(`'beforeinstallprompt' event was fired in mounted.`) // only during Lighthouse Audit
  })
};

每当我加载应用程序时，它都不会触发。但是后来我尝试在 Chrome Dev Tools 中运行 Lighthouse Audit，突然它起作用了！此外，Lighthouse 表明 PWA 是可安装的。但是当我在没有 Lighthouse 的情况下做完全相同的事情时，它不起作用。那么，Lighthouse 在做什么，我错过了......？

编译，我尝试了两种方法，但都显示相同的结果（仅在运行 Lighthouse 后才有效）：

• 开发构建：quasar dev -m pwa --> 在本地主机上运行
• 已部署：quasar build -m pwa,firebase deploy --> 在 firebase 上部署

我在桌面和 Android 上尝试了 Firefox 和 Chrome，结果都一样。如果您有任何想法，请告诉我。

非常感谢！