Node.js与OpenServer中await表现异常：pushManager未定义报错求助

我编写了如下处理订阅按钮的async函数，在Node.js应用中可正常运行，但迁移至OpenServer项目后，浏览器执行到const subscribed = await registration.pushManager.getSubscription();时抛出错误：

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'pushManager')
at HTMLButtonElement.subscribeButtonHandler (index.js:20:43)

函数代码：

async function subscribeButtonHandler() {
    subscribeButton.disabled = true;
    const result = await Notification.requestPermission();
    if (result === 'denied') {
        console.error('The user explicitly denied the permission request.');
        return;
    }
    if (result === 'granted') {
        console.info('The user accepted the permission request.');
    }
    const registration = await navigator.serviceWorker.getRegistration();
    const subscribed = await registration.pushManager.getSubscription();
    if (subscribed) {
        console.info('User is already subscribed.');
        notifyMeButton.disabled = false;
        unsubscribeButton.disabled = false;
        return;
    }
}

这个错误的核心是navigator.serviceWorker.getRegistration()返回了undefined，导致无法读取pushManager属性。以下是针对性修复步骤：

• 确保Service Worker已成功注册
  原代码直接调用getRegistration()，但如果OpenServer环境下Service Worker未注册或注册失败，就会返回undefined。建议先主动注册并验证结果：

  // 封装Service Worker注册逻辑
  async function registerServiceWorker() {
    try {
      // 替换为你的Service Worker文件路径，确保相对于站点根目录
      const registration = await navigator.serviceWorker.register('/sw.js');
      console.log('Service Worker注册成功:', registration);
      return registration;
    } catch (err) {
      console.error('Service Worker注册失败:', err);
      throw err;
    }
  }
  
  // 修改原订阅函数
  async function subscribeButtonHandler() {
      subscribeButton.disabled = true;
      const result = await Notification.requestPermission();
      if (result === 'denied') {
          console.error('The user explicitly denied the permission request.');
          subscribeButton.disabled = false;
          return;
      }
      if (result === 'granted') {
          console.info('The user accepted the permission request.');
      }
      try {
          const registration = await registerServiceWorker();
          const subscribed = await registration.pushManager.getSubscription();
          if (subscribed) {
              console.info('User is already subscribed.');
              notifyMeButton.disabled = false;
              unsubscribeButton.disabled = false;
          }
      } catch (err) {
          console.error('订阅处理失败:', err);
          subscribeButton.disabled = false;
      }
  }
  

• 检查OpenServer的运行环境
  Service Worker要求站点运行在HTTPS环境下（localhost除外）。如果OpenServer是通过HTTP访问非localhost地址，浏览器会阻止Service Worker注册，导致getRegistration()返回undefined。需配置OpenServer启用HTTPS，或使用localhost进行测试。

• 添加结果校验逻辑
  即使保留原getRegistration()调用，也要先校验返回值是否有效：

  const registration = await navigator.serviceWorker.getRegistration();
  if (!registration) {
      console.error('未找到已注册的Service Worker');
      subscribeButton.disabled = false;
      return;
  }
  // 再执行pushManager相关操作
  

内容的提问来源于stack exchange，提问作者Evgeniy Bukharin