Javascript 需要firebaseUI-未定义窗口

我有一个JS文件，我正在尝试使用Firebase

这是导致问题的部分（特别是firebaseUI）

我没有忘记安装这两个：

npm install firebase --save
npm install firebaseui --save

但当我运行节点时，我得到：

/Users/nimrodshai/Documents/Projects/WeatherJS/node_modules/firebaseui/dist/npm.js:30
componentHandler["register"]=componentHandler.register;componentHandler["downgradeElements"]=componentHandler.downgradeElements;window.componentHandler=componentHandler;window["componentHandler"]=componentHandler;
                                                                                                                                ^

ReferenceError: window is not defined
    at /Users/nimrodshai/Documents/Projects/WeatherJS/node_modules/firebaseui/dist/npm.js:30:129
    at Object.<anonymous> (/Users/nimrodshai/Documents/Projects/WeatherJS/node_modules/firebaseui/dist/npm.js:420:460)
    at Module._compile (internal/modules/cjs/loader.js:689:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Module.load (internal/modules/cjs/loader.js:599:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    at Function.Module._load (internal/modules/cjs/loader.js:530:3)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)
    at Object.<anonymous> (/Users/nimrodshai/Documents/Projects/WeatherJS/JS/server.js:8:18)
    at Module._compile (internal/modules/cjs/loader.js:689:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Module.load (internal/modules/cjs/loader.js:599:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    at Function.Module._load (internal/modules/cjs/loader.js:530:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:742:12)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:743:3)

/Users/nimrodshai/Documents/Projects/WeatherJS/node_modules/firebaseui/dist/npm.js:30
componentHandler[“寄存器”]=componentHandler.register；componentHandler[“DegradeElements”]=componentHandler.DegradeElements；window.componentHandler=componentHandler；窗口[“componentHandler”]=componentHandler；
^
ReferenceError:未定义窗口
at/Users/nimrodshai/Documents/Projects/WeatherJS/node_modules/firebaseui/dist/npm.js:30:129
反对。（/Users/nimrodshai/Documents/Projects/WeatherJS/node_modules/firebaseui/dist/npm.js:420:460）
at模块编译（内部/modules/cjs/loader.js:689:30）
at Object.Module._extensions..js（internal/modules/cjs/loader.js:700:10）
在Module.load（内部/modules/cjs/loader.js:599:32）
在tryModuleLoad（内部/modules/cjs/loader.js:538:12）
at Function.Module._load（内部/modules/cjs/loader.js:530:3）
at Module.require（内部/modules/cjs/loader.js:637:17）
根据需要（内部/modules/cjs/helpers.js:22:18）
反对。（/Users/nimrodshai/Documents/Projects/WeatherJS/JS/server.JS:8:18）
at模块编译（内部/modules/cjs/loader.js:689:30）
at Object.Module._extensions..js（internal/modules/cjs/loader.js:700:10）
在Module.load（内部/modules/cjs/loader.js:599:32）
在tryModuleLoad（内部/modules/cjs/loader.js:538:12）
at Function.Module._load（内部/modules/cjs/loader.js:530:3）
位于Function.Module.runMain（内部/modules/cjs/loader.js:742:12）
启动时（内部/bootstrap/node.js:283:19）
在bootstrapNodeJSCore（internal/bootstrap/node.js:743:3）

如果我删除firebaseUI行，一切都好

---

我该怎么办？

Firebaseui应该在浏览器中运行，如果您使用SSR（如next.js），则需要加载窗口对象，或者更具体地说，如果代码在服务器端运行，而不是在浏览器中，则找不到窗口对象

当我尝试将firebaseui与next js集成时，我终于能够使用动态导入解决这个问题

下面是加载firebase UI的登录组件的代码

const LoginFinal = () => {
  useEffect(async () => {
    
    // delay the import until window object is ready
    const firebaseui = await import("firebaseui");
    const ui = new firebaseui.auth.AuthUI(auth);
    ui.start("#firebaseui", {
      signInOptions: [firebaseAuthObject.EmailAuthProvider.PROVIDER_ID],
    });
   
  });

  return <div id="firebaseui" />;
};

constloginfinal=（）=>{
useffect（异步（）=>{
//延迟导入，直到窗口对象就绪
const firebaseui=等待导入（“firebaseui”）；
const ui=new firebaseui.auth.AuthUI（auth）；
ui.start（“#firebaseui”{
签名：[firebaseAuthObject.EmailAuthProvider.PROVIDER\u ID]，
});
});
返回；
};

const LoginFinal = () => {
  useEffect(async () => {
    
    // delay the import until window object is ready
    const firebaseui = await import("firebaseui");
    const ui = new firebaseui.auth.AuthUI(auth);
    ui.start("#firebaseui", {
      signInOptions: [firebaseAuthObject.EmailAuthProvider.PROVIDER_ID],
    });
   
  });

  return <div id="firebaseui" />;
};