Vue.js <；仅限客户>；组件在使用Vue服务器渲染器的Vue服务器端渲染中不工作

从npm的vue仅客户端模块导入的ClientOnly组件在使用vue服务器渲染器的服务器端渲染中不起作用。我已经在仅客户端标记中添加了firebaseui组件。我也尝试过旧的无ssr组件，但也不起作用。在浏览器中，它只显示空html注释来代替这些组件。请帮忙

<template>
  <v-container fluid>
    <h3>Sign Up Page</h3>
    <client-only>
      <h2>Client Only Component</h2>
      <div id="firebaseui-auth-container"></div>
    </client-only>
  </v-container>
</template>



<script>
import firebase from "firebase/app";
import ClientOnly from "vue-client-only";

if (process.browser || process.client) {
  import("firebaseui").then(module => {
    const firebaseui = module;

    const ui = new firebaseui.auth.AuthUI(firebase.auth());

    ui.start("#firebaseui-auth-container", {
      signInOptions: [
        {
          provider: firebase.auth.GoogleAuthProvider.PROVIDER_ID
        }
      ],
      signInSuccessUrl: "/"
    });
  });
}

export default {
  name: "Authentication",
  components: {
    ClientOnly
  },
  mounted() {}
};
</script>

注册页面
仅客户端组件
从“firebase/app”导入firebase；
仅从“仅vue客户端”导入客户端；
if（process.browser | | process.client）{
导入（“firebaseui”）。然后（模块=>{
常量firebaseui=模块；
const ui=new firebaseui.auth.AuthUI（firebase.auth（））；
ui.start（“#firebaseui身份验证容器”{
签署：[
{
提供程序：firebase.auth.GoogleAuthProvider.provider\u ID
}
],
签名成功问题：“/”
});
});
}
导出默认值{
名称：“身份验证”，
组成部分：{
ClientOnly
},
挂载（）{}
};

在浏览器中：