在通过 npm 安装的 firebase 版本 10.3.1 中，“import { initializeApp } from ”firebase/app“;”“时出现 Firebase 导入错误

问：

我想为我的项目使用新的 firebase 模块化 API（如文档中所示）。我通过终端安装了 firebase（如文档中所示）。这创建了 2 个文件“package.json”和“package-lock.json”以及一个文件夹，即“node_modules”npm install firebase

然后开始使用 Firebase，在我的 app.js 文件中，我编写了以下代码：

import { initializeApp } from "firebase/app";

const firebaseConfig = {
  //My firebase config
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);

文档参考

在打开我的 HTML 文件时，只用这一段 JS 和简单的 HTML 链接 JS 文件.....我在控制台中收到此错误

我浏览了互联网和其他堆栈溢出问题，但无法得到修复，

是的，我试过改变

import { initializeApp } from "firebase/app";

自

import initializeApp from "firebase/app";

它仍然没有解决问题，而是新的错误是

SyntaxError：意外的标识符“initializeApp”。导入调用 只期望一个参数。

我使用的是 firebase 版本 10.3.1（正如我从完成后自动创建的 package.json 文件中推断的那样）。这是什么npm install firebase

我也从我尝试导入的其他东西（如实时数据库和身份验证数据库）中获得了相同的语法错误 您的帮助将不胜感激！