Javascript 使用汇总导入firebaseui

我正在尝试使用rollup导入库。如果我将firbaseui包含在它们提供的cdn中，则ui可以正常加载：

<script src="https://www.gstatic.com/firebasejs/ui/4.5.0/firebase-ui-auth.js"></script>
<link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/4.5.0/firebase-ui-auth.css" />

---

我认为这是为了处理像这样的裸模块错误，所以我不知道如何解决这个问题。

事实证明，这个问题是由firebaseui在其ES模块构建中不正确地导入firebase造成的。我提出了一个问题，但它被关闭了。一种解决方法是进入

node_modules

并找到firebaseui的ES模块构建（

node_modules/firebaseui/dist/esm.js

），并将第一行从

import*更改为“firebase/app”至
从“firebase/app”导入firebase
这是在浏览器上吗？@PeterHaddad Yes如果你使用cdn为什么导入itI我没有使用cdn，我只是用它来检查它在没有导入的情况下是否正常工作
import resolve from "@rollup/plugin-node-resolve";
import commonjs from "@rollup/plugin-commonjs";

export default {
  // If using any exports from a symlinked project, uncomment the following:
  // preserveSymlinks: true,
  input: ["src/index.js"],
  output: {
    file: "public/index.js",
    format: "es",
    sourcemap: true,
  },
  plugins: [resolve(), commonjs()],
};