Next js v14 Firebase 实时数据库无法工作

Question

我是 Next js 和 Firebase 的新手。我尝试将我的下一个 js 项目连接到实时数据库，但它不起作用。 我按照以下步骤操作：

• 创建了下一个 js 应用程序
• 创建了 firebase 项目
• 向 firebase 项目添加了一个 Web 应用程序，并在下一个 js 应用程序文件夹中执行“npm install firebase”
• 将 SDK 复制并粘贴到位于下一个 js 应用程序的 app 文件夹中的 firebaseConfig.js 文件中
• 使用测试模式配置创建实时数据库
• 在 firebaseConfig.js 文件中添加了databaseURL
• 使用以下代码将数据推送到 firebase

const usersRef = ref(database, 'users');
const newDataRef = push(usersRef);
set(newDataRef, {
  user: props.email,
  password: props.password
});

我检查了控制台，没有错误。

Answer 1

在我的例子中，我通过在下一个 js 应用程序的 tsconfig.json 文件中添加以下行来解决问题：

• 而不是

  "module": "esnext"

  ，我放了

  "module": "CommonJS"